.has-product-reel { overflow-x:clip; }
.has-product-reel main { overflow:visible; }
.has-product-reel>.site-nav,.has-product-reel>.nav-shell { position:absolute; z-index:10; top:0; left:50%; transform:translateX(-50%); height:78px; width:min(1320px,calc(100% - 96px)); margin:0; }
.has-product-reel .nav-cta { background:#262b32; color:white; border-radius:30px; }
.product-reel { --reel-chat:0; --reel-answer:0; --reel-booked:0; --reel-network:0; --reel-progress:0; --reel-accent:var(--app-color,var(--product-color,#c33d7b)); height:250svh; position:relative; width:100%; background:#f6f7f9; color:#222730; font-family:Manrope,Arial,sans-serif; }
.product-reel * { box-sizing:border-box; }
.reel-sticky { position:sticky; top:0; height:100svh; max-height:1000px; padding:92px 0 20px; display:flex; flex-direction:column; overflow:clip; isolation:isolate; }
.reel-heading { display:flex; align-items:center; justify-content:space-between; gap:35px; width:min(1170px,calc(100% - 96px)); margin:0 auto 8px; flex-shrink:0; position:relative; z-index:7; }
.reel-titles { position:relative; width:100%; height:132px; }
.reel-title { position:absolute; inset:0; margin:0!important; font:750 clamp(40px,4.5vw,65px)/1.02 Manrope,Arial,sans-serif!important; letter-spacing:-.055em; opacity:0; transform:translateY(14px); transition:opacity .32s ease,transform .42s cubic-bezier(.2,.7,.2,1); pointer-events:none; color:#222730; }
.product-reel[data-step="0"] [data-reel-title="0"],.product-reel[data-step="1"] [data-reel-title="1"],.product-reel[data-step="2"] [data-reel-title="2"] { opacity:1; transform:translateY(0); }
.reel-build { display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; background:#252930; color:white!important; padding:17px 30px; border:1px solid #252930; border-radius:35px; font:700 15px Manrope,Arial,sans-serif; text-decoration:none; box-shadow:0 4px 6px #20222b08; transition:background-color .2s; }
.reel-build:hover { background:#434953; }
.reel-build:focus-visible { outline:3px solid #b3538a; outline-offset:5px; }
.reel-stage { position:relative; flex:1; min-height:0; width:min(1300px,calc(100% - 48px)); margin:0 auto; }
.reel-art { position:absolute; inset:0; --phone-h:min(560px,calc(100svh - 262px)); --phone-w:calc(var(--phone-h)*.5); }
.reel-orbit { position:absolute; inset:11% 6% 2%; border-radius:50%; background:radial-gradient(ellipse,#e5d6e855,#d4e0ed33 52%,transparent 72%); transform:scale(calc(1 + var(--reel-network)*.15)); }
.reel-desktop { position:absolute; top:7%; left:4%; width:79%; height:81%; border:1px solid #cdd0d7; border-radius:15px; background:white; box-shadow:0 0 0 4px #ffffff80,0 30px 60px -30px #40465e55; overflow:hidden; transform:translateX(calc(var(--reel-network)*-12%)) scale(calc(1 - var(--reel-network)*.2)) rotate(-2deg); transform-origin:40% 50%; opacity:calc(1 - var(--reel-network)); }
.reel-window-bar { display:flex; align-items:center; justify-content:space-between; gap:20px; height:48px; padding:0 20px; background:#fafafb; border-bottom:1px solid #ebedf0; }
.reel-window-dots { display:flex; gap:6px; }
.reel-window-dots i { width:7px; height:7px; border-radius:50%; background:#d4d5dd; }
.reel-window-bar>span:nth-child(2) { display:flex; align-items:center; gap:8px; font-size:12px; }
.reel-window-bar>small { font-size:10px; color:#91949e; }
.reel-brand-mark { width:28px; height:28px; border-radius:9px; display:grid; place-items:center; background:var(--reel-accent); color:white; overflow:hidden; }
.reel-brand-mark svg { width:20px; height:20px; }
.reel-brand-mark .bk-initials { font:750 11px Manrope,sans-serif; }
.reel-brand-mark img { width:100%; height:100%; object-fit:cover; }
.reel-week { display:flex; flex-direction:column; padding:15px 24px 20px; height:calc(100% - 48px); }
.reel-week-head { display:flex; align-items:center; gap:22px; margin-bottom:8px; }
.reel-week-head h3 { font:750 22px Manrope,sans-serif; letter-spacing:-.8px; margin:0; }
.reel-week-head h3>span { font-weight:450; color:#9697a2; }
.reel-team { display:flex; align-items:center; margin-left:auto; }
.reel-team i { width:23px; height:23px; border:2px solid white; border-radius:50%; background:#e6daf4; font:650 8px Manrope,sans-serif; display:grid; place-items:center; margin-left:-6px; }
.reel-team i:nth-child(2) { background:#f7decd; }.reel-team i:nth-child(3) { background:#d5e7df; }
.reel-team small { font-size:9px; color:#8e909b; margin-left:5px; }
.reel-week-controls { font:12px Manrope,sans-serif; color:#8c8f9c; display:flex; gap:12px; align-items:center; }.reel-week-controls b { font-size:10px; font-weight:550; color:#555866; }
.reel-week-days { display:grid; grid-template-columns:repeat(5,1fr); padding:0 0 10px 40px; }
.reel-week-days>span { display:flex; align-items:center; gap:7px; }.reel-week-days small { font-size:9px; color:#9295a0; }.reel-week-days b { display:grid; place-items:center; font-size:13px; width:25px; height:25px; font-weight:650; border-radius:50%; }.reel-week-days .selected b { background:#282c37; color:white; }
.reel-schedule { position:relative; flex:1; min-height:0; display:flex; padding-left:40px; }
.reel-hours { position:absolute; inset:0 auto 0 0; width:35px; font:9px Manrope,sans-serif; color:#9b9ea8; }
.reel-hours>span { position:absolute; left:0; transform:translateY(-5px); }
.reel-columns { display:grid; width:100%; height:100%; grid-template-columns:repeat(5,minmax(0,1fr)); }
.reel-day { position:relative; min-width:0; background:repeating-linear-gradient(to bottom,#e8eaf0 0,#e8eaf0 1px,transparent 1px,transparent 11.111%); border-left:1px solid #eceef4; }
.reel-event { position:absolute; top:var(--start); height:calc(var(--duration) - 3px); left:3px; right:4px; padding:7px 9px; border-radius:5px; border-left:3px solid var(--event-stroke); background:var(--event-bg); color:#3f3b4b; overflow:hidden; }
.reel-event.lilac,.reel-salon.lilac { --event-bg:#eee4fa; --event-stroke:#b992dd; }
.reel-event.rose,.reel-salon.rose { --event-bg:#f8deec; --event-stroke:#d888b1; }
.reel-event.green,.reel-salon.green { --event-bg:#e0ede6; --event-stroke:#8db5a3; }
.reel-event.peach { --event-bg:#fcead9; --event-stroke:#e7b685; }
.reel-event b,.reel-event>span,.reel-event>small { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.reel-event b { font:650 10px/1.2 Manrope,sans-serif; }.reel-event>span { font:500 8px/1.6 Manrope,sans-serif; opacity:.8; }.reel-event>small { font:500 7px/1.5 Manrope,sans-serif; opacity:.65; }
.reel-event>i { position:absolute; top:7px; right:7px; font:650 9px Manrope,sans-serif; color:#996380; }
.reel-new-booking { opacity:var(--reel-booked); transform:translateY(calc((1 - var(--reel-booked))*-18px)) scale(calc(.94 + var(--reel-booked)*.06)); box-shadow:0 3px 10px #df9ec724; }
.reel-available { position:absolute; left:8px; right:8px; border:1px dashed #ddd7e3; border-radius:6px; padding:8px; color:#aaa3b1; font:9px Manrope,sans-serif; opacity:calc(1 - var(--reel-booked)); }.reel-available>span { display:block; margin-top:3px; font-size:8px; }
.reel-now { position:absolute; top:58.333%; left:0; right:0; display:flex; align-items:center; color:#c3567b; font:8px Manrope,sans-serif; }.reel-now>span { width:40px; }.reel-now>i { flex:1; height:1px; background:#d5829b; position:relative; }.reel-now>i:before { content:''; position:absolute; left:-2px; top:-2px; width:5px; height:5px; background:#d5829b; border-radius:50%; }
.reel-phone { position:absolute; right:11%; top:0; width:var(--phone-w); height:var(--phone-h); padding:3px; background:linear-gradient(105deg,#aeb0ba,#fdfdff 22%,#b9bac4 74%,#eeeeef); border:1px solid #afb0bb; border-radius:calc(var(--phone-w)*.16); box-shadow:2px 3px 2px #a6a4b757,0 25px 45px -16px #32304444; z-index:4; transform:translate(calc(var(--reel-network)*36px),0) rotate(calc(2deg - var(--reel-network)*2deg)) scale(calc(1 - var(--reel-network)*.46)); transform-origin:bottom right; }
.reel-phone:before { content:''; position:absolute; width:3px; height:13%; left:-3px; top:22%; border-radius:3px 0 0 3px; background:#bbbcc5; box-shadow:0 -24px 0 -1px #bbbcc5; }
.reel-phone:after { content:''; position:absolute; width:3px; height:9%; right:-3px; top:29%; border-radius:0 3px 3px 0; background:#bbbcc5; }
.reel-phone-rim { width:100%; height:100%; padding:5px; background:#f2f2f5; border:1px solid white; border-radius:inherit; }
.reel-phone-screen { display:flex; flex-direction:column; width:100%; height:100%; background:white; border:1px solid #e1dfe7; border-radius:calc(var(--phone-w)*.13); overflow:hidden; position:relative; }
.reel-phone-status { display:flex; justify-content:space-between; align-items:center; height:36px; flex-shrink:0; padding:0 19px; font:650 8px Manrope,sans-serif; }.reel-phone-status>span { width:31%; height:17px; background:#252331; border-radius:15px; }.reel-phone-status small { font-size:8px; }
.reel-phone-brand { display:flex; align-items:center; gap:8px; padding:10px 15px 12px; border-bottom:1px solid #f0edf4; font:700 11px Manrope,sans-serif; }
.reel-phone-brand [data-reel-name] { flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.reel-phone-brand>i { width:21px; height:21px; border-radius:50%; background:#f0eaf3; display:grid; place-items:center; color:#9b7fa7; font:600 8px Manrope,sans-serif; }
.reel-phone-brand .reel-brand-mark { width:25px; height:25px; border-radius:8px; flex-shrink:0; }
.reel-phone-day { padding:13px 16px 7px; }.reel-phone-day h3 { font:750 19px Manrope,sans-serif; letter-spacing:-.6px; margin:0; }.reel-phone-day h3>span { color:#a4a1ae; font-weight:500; }.reel-phone-day>small { color:#a0a0aa; font-size:8px; }
.reel-phone-week { display:flex; justify-content:space-between; padding:3px 20px 12px; }.reel-phone-week>span { text-align:center; }.reel-phone-week small { display:block; font-size:7px; color:#9693a0; margin-bottom:3px; }.reel-phone-week b { display:grid; place-items:center; font:600 10px Manrope,sans-serif; width:21px; height:21px; border-radius:7px; }.reel-phone-week .selected b { color:white; background:var(--reel-accent); }
.reel-phone .reel-schedule { margin:3px 14px 13px; padding-left:33px; }.reel-phone .reel-columns { grid-template-columns:1fr; }.reel-phone .reel-hours { font-size:7px; width:29px; }.reel-phone .reel-event { padding:6px 8px; }.reel-phone .reel-event b { font-size:11px; }.reel-phone .reel-event>span { font-size:8px; }.reel-phone .reel-event>small { display:none; }.reel-phone .reel-now>span { width:33px; font-size:7px; }.reel-phone .reel-available { font-size:8px; padding:7px; }.reel-phone .reel-available>span { display:inline; margin-left:7px; }
.reel-phone-nav { display:flex; justify-content:space-around; flex-shrink:0; border-top:1px solid #efecf2; padding:9px 9px 1px; color:#a4a0af; }.reel-phone-nav>span { display:flex; flex-direction:column; align-items:center; gap:3px; }.reel-phone-nav svg { width:16px; height:16px; }.reel-phone-nav small { font-size:6px; }.reel-phone-nav .selected { color:var(--reel-accent); }
.reel-home-bar { width:32%; height:3px; border-radius:3px; background:#282532; margin:9px auto 6px; flex-shrink:0; }
.reel-chat { position:absolute; z-index:5; top:9%; left:29%; width:260px; background:#fffffff2; border:1px solid #ffffff; border-radius:21px; padding:17px; box-shadow:0 15px 45px #4d37522b,0 1px 3px #43245208; opacity:var(--reel-chat); transform:translateY(calc((1 - var(--reel-chat))*25px)); }
.reel-chat-head { display:flex; gap:8px; align-items:center; margin-bottom:15px; }.reel-chat-head>span { width:30px; height:30px; border-radius:50%; background:#edddee; color:#896890; display:grid; place-items:center; font-size:11px; }.reel-chat-head>b { flex:1; font-size:12px; }.reel-chat-head small { display:block; font-size:9px; color:#a09aa7; font-weight:500; }.reel-chat-head svg { width:19px; height:19px; color:#a784bc; }
.reel-message { font:500 12px/1.4 Manrope,sans-serif!important; padding:10px 12px; border-radius:13px; margin:0 0 9px!important; max-width:92%; background:#f2eef4; }
.reel-message.outgoing { margin-left:auto!important; background:#ead9ee; color:#70407e; opacity:var(--reel-answer); transform:translateY(calc((1 - var(--reel-answer))*8px)); }
.reel-message.yes { margin-bottom:0!important; opacity:var(--reel-booked); }
.reel-booked { position:absolute; left:37%; bottom:9%; z-index:6; display:flex; align-items:center; gap:13px; padding:15px 21px; border:1px solid #fff; background:#fffffff5; border-radius:17px; box-shadow:0 12px 35px #56335922; opacity:calc(var(--reel-booked)*(1 - var(--reel-network))); transform:translateY(calc((1 - var(--reel-booked))*18px)); }.reel-booked>span { width:32px; height:32px; display:grid; place-items:center; border-radius:50%; background:#e8f2e9; color:#629575; font-size:17px; }.reel-booked b { font-size:12px; }.reel-booked small { display:block; font-size:10px; color:#928999; margin-top:4px; }
.reel-founder { position:absolute; bottom:7%; left:5%; display:flex; align-items:center; gap:11px; opacity:calc((1 - var(--reel-chat))*(1 - var(--reel-network))); }.reel-founder img { width:40px; height:40px; border-radius:50%; object-fit:cover; object-position:45% 30%; }.reel-founder>span { font-size:10px; color:#8f808e; }.reel-founder b { display:block; font-size:12px; margin-top:3px; color:#4b414e; }
.reel-network { position:absolute; top:5%; left:7%; width:72%; height:85%; background:white; border:1px solid #d9d9e0; border-radius:19px; box-shadow:0 15px 65px #2c30421a; opacity:var(--reel-network); transform:translateY(calc((1 - var(--reel-network))*40px)) scale(calc(.9 + var(--reel-network)*.1)); z-index:3; overflow:hidden; }
.reel-network-head { height:48px; padding:0 21px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #f0edf3; }.reel-network-head>span { display:flex; align-items:center; gap:9px; font-size:12px; }.reel-network-head svg { width:18px; height:18px; color:#9a6897; }.reel-network-head>i { font:600 9px Manrope,sans-serif; color:#946b91; background:#f1e9f2; padding:8px; border-radius:50%; }
.reel-network-body { padding:18px 25px; }.reel-revenue { position:relative; height:88px; border-bottom:1px solid #f0ecf2; }.reel-revenue>span { color:#9a8ca0; font-size:10px; }.reel-revenue>strong { display:block; font:750 37px/1.5 Manrope,sans-serif; letter-spacing:-1.6px; }
.reel-bars { position:absolute; right:0; bottom:15px; width:40%; height:68px; display:flex; align-items:end; gap:9px; }.reel-bars i { flex:1; background:#e2cee4; border-radius:5px 5px 1px 1px; transform-origin:bottom; transform:scaleY(calc(.2 + var(--reel-network)*.8)); }.reel-bars i:last-child { background:#a16d9c; }
.reel-network-label { display:flex; align-items:center; justify-content:space-between; margin:14px 0 11px; font-size:11px; }.reel-network-label>span { font-size:9px; color:#a098a7; }
.reel-salons { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.reel-salon { padding:12px; border:1px solid #eeebf2; border-radius:11px; min-width:0; }.reel-salon>div:first-child { display:flex; align-items:center; gap:7px; }.reel-salon>div>span { width:22px; height:22px; flex-shrink:0; background:var(--event-bg); color:#725d7b; display:grid; place-items:center; border-radius:7px; font-size:9px; }.reel-salon b { font-size:9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.reel-tiny-calendar { display:grid; grid-template-columns:repeat(5,1fr); gap:4px; margin:12px 0; }.reel-tiny-calendar i { height:9px; border-radius:2px; background:#f8f6f9; }.reel-tiny-calendar .filled { background:var(--event-bg); }.reel-salon>strong { font-size:17px; letter-spacing:-.5px; }.reel-salon>small { display:block; margin-top:3px; font-size:8px; color:#a29aaa; }
.reel-opportunity { margin-top:13px; padding:11px; display:flex; align-items:center; gap:10px; border-radius:11px; background:#f6edf3; }.reel-opportunity img { width:39px; height:39px; border-radius:7px; object-fit:cover; }.reel-opportunity>div { flex:1; }.reel-opportunity small { display:block; color:#9d7592; font-size:9px; margin-bottom:3px; }.reel-opportunity b { font-size:11px; font-weight:700; }.reel-opportunity>span:last-child { color:#976387; font-size:13px; font-weight:700; }.reel-opportunity-icon svg { width:26px; height:26px; color:#b481a9; }
.reel-demo { position:absolute; bottom:0; left:50%; transform:translateX(-50%); font:500 9px Manrope,sans-serif; color:#aaa5af; white-space:nowrap; }
.reel-foot { display:flex; align-items:center; justify-content:space-between; gap:15px; width:min(1170px,calc(100% - 96px)); margin:14px auto 0; height:20px; flex-shrink:0; }
.reel-scroll-cue { font-size:11px; color:#a098a7; opacity:calc(1 - var(--reel-network)); }.reel-scroll-cue>span { margin-left:8px; }
.reel-progress { display:flex; gap:5px; }.reel-progress i { width:24px; height:3px; background:#e4e0e8; border-radius:3px; transition:background-color .2s; }.product-reel[data-step="0"] .reel-progress i:first-child,.product-reel[data-step="1"] .reel-progress i:nth-child(2),.product-reel[data-step="2"] .reel-progress i:last-child { background:#a995ad; }
.reel-followup { width:min(1100px,calc(100% - 48px)); padding:85px 0; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:30px; }.reel-followup h2 { font:700 clamp(30px,4vw,49px)/1.08 Manrope,sans-serif; letter-spacing:-2px; margin:0; }
@media(max-width:760px) {
 .has-product-reel>.site-nav,.has-product-reel>.nav-shell { height:64px; width:calc(100% - 40px); }
 .has-product-reel .nav-shell nav,.has-product-reel .nav-cta,.has-product-reel .site-nav nav { display:none; }
 .has-product-reel .wordmark b { font-size:17px; }.has-product-reel .wordmark small { font-size:8px; }
 .product-reel { height:245svh; }
 .reel-sticky { padding:77px 0 12px; }
 .reel-heading { width:calc(100% - 40px); display:block; text-align:center; margin-bottom:12px; }
 .reel-titles { height:85px; }.reel-title { font-size:clamp(32px,9.7vw,39px)!important; line-height:1.04!important; letter-spacing:-1.9px; }
 .reel-build { font-size:12px; padding:12px 24px; margin-top:10px; }
 .reel-stage { width:calc(100% - 24px); }
 .reel-art { --phone-h:min(530px,calc(100svh - 263px)); --phone-w:calc(var(--phone-h)*.52); }
 .reel-desktop { display:none; }
 .reel-phone { right:auto; left:50%; margin-left:calc(var(--phone-w)*-.5); top:0; transform:translate(calc(var(--reel-network)*18px),0) scale(calc(1 - var(--reel-network)*.64)); }
 .reel-phone .reel-brand-mark { width:24px; height:24px; }
 .reel-chat { left:0; top:12%; width:218px; padding:14px; border-radius:18px; }.reel-message { font-size:12px!important; }.reel-chat-head { margin-bottom:13px; }
 .reel-booked { left:12px; bottom:17%; padding:12px 15px; gap:10px; }.reel-booked b { font-size:11px; }.reel-booked small { font-size:9px; }.reel-booked>span { width:27px; height:27px; }
 .reel-founder { display:none; }
 .reel-network { width:100%; height:auto; top:0; left:0; border-radius:18px; }
 .reel-network-head { height:44px; padding:0 15px; }.reel-network-body { padding:14px; }.reel-revenue { height:82px; }.reel-revenue>strong { font-size:35px; }.reel-bars { height:57px; gap:6px; }
 .reel-salons { gap:7px; }.reel-salon { padding:9px 7px; }.reel-salon>div:first-child { flex-direction:column; align-items:start; gap:7px; }.reel-salon b { font-size:8px; max-width:100%; }.reel-salon>small { font-size:7px; }.reel-salon>strong { font-size:15px; }.reel-tiny-calendar { gap:3px; margin:10px 0; }.reel-tiny-calendar i { height:7px; }
 .reel-opportunity { margin-top:10px; padding:10px; }.reel-opportunity b { font-size:10px; }.reel-opportunity>span:last-child { font-size:12px; }
 .reel-foot { width:calc(100% - 40px); margin-top:12px; height:13px; }.reel-scroll-cue { font-size:9px; }.reel-demo { font-size:8px; bottom:-2px; }
 .reel-followup { flex-direction:column; text-align:center; padding:52px 0; gap:15px; }.reel-followup h2 { font-size:32px; letter-spacing:-1.4px; }
}
@media(max-height:690px) and (max-width:760px) {
 .reel-sticky { padding-top:68px; }.reel-titles { height:70px; }.reel-title { font-size:33px!important; }.reel-build { margin-top:6px; padding:10px 21px; }.reel-heading { margin-bottom:10px; }
 .reel-art { --phone-h:calc(100svh - 223px); }.reel-phone-status { height:29px; }.reel-phone-brand { padding:6px 12px; }.reel-phone-day { padding:9px 14px 5px; }.reel-phone-day h3 { font-size:17px; }.reel-phone-week { padding-bottom:9px; }.reel-phone-nav { padding-top:6px; }
 .reel-network-head { height:38px; }.reel-network-body { padding:10px 12px; }.reel-revenue { height:63px; }.reel-revenue>strong { font-size:28px; }.reel-bars { height:44px; }.reel-network-label { margin:10px 0; }.reel-salon { padding:7px; }.reel-tiny-calendar { margin:7px 0; }.reel-opportunity { padding:8px; }.reel-opportunity img { width:32px; height:32px; }
}
@media(max-height:600px) and (min-width:761px) {
 .reel-sticky { padding-top:75px; }.reel-titles { height:91px; }.reel-title { font-size:43px!important; }.reel-art { --phone-h:calc(100svh - 208px); }.reel-phone-day,.reel-phone-week { display:none; }.reel-network-body { padding:10px 20px; }.reel-revenue { height:58px; }.reel-revenue>strong { font-size:28px; }.reel-bars { height:44px; }.reel-tiny-calendar { display:none; }.reel-opportunity { margin-top:9px; padding:8px; }
}
@media(prefers-reduced-motion:reduce) {
 .reel-title,.reel-build,.reel-progress i { transition:none; }.reel-desktop,.reel-phone,.reel-network,.reel-chat,.reel-booked,.reel-new-booking,.reel-message,.reel-bars i { transform:none; }.reel-network { z-index:5; }.product-reel[data-step="2"] .reel-phone { opacity:0; }
}
@media(max-width:760px) and (max-height:600px) and (orientation:landscape) {
 .reel-sticky { display:grid; grid-template-columns:.8fr 1.2fr; grid-template-rows:minmax(0,1fr) 14px; gap:10px; padding:68px 25px 14px; }
 .reel-heading { width:100%; text-align:left; margin:0; align-self:center; }.reel-titles { height:96px; }.reel-title { font-size:29px!important; letter-spacing:-1.3px; }.reel-build { font-size:11px; padding:11px 20px; }
 .reel-stage { height:100%; width:100%; margin:0; }.reel-art { width:360px; height:470px; left:50%; right:auto; --phone-h:450px; --phone-w:234px; transform:translateX(-50%) scale(var(--reel-landscape-scale,.55)); transform-origin:top center; }
 .reel-foot { grid-column:1/-1; width:100%; margin:0; }.reel-demo { display:none; }
}