:root{--paper:#fffdf9;--red:#d91d40;--purple:#3f2256;--ink:#2b1d35}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#24202a;display:flex;align-items:center;justify-content:center;font-family:'Work Sans',Arial,sans-serif;color:var(--ink)}
#frame{position:relative;flex:none;width:1080px;height:1920px;overflow:hidden;background:var(--paper);transform-origin:center center;isolation:isolate}.stage{position:absolute;inset:0;overflow:hidden;background:var(--paper)}.photo{overflow:hidden}.photo img{display:block;width:100%;height:100%;object-fit:cover}#brand{position:absolute;z-index:20;left:78px;top:63px;color:#fff;text-shadow:0 2px 16px #0009;font-size:35px;font-weight:700;letter-spacing:-.035em}#brand span{font-size:19px;font-weight:600;letter-spacing:.08em;margin-left:13px}.eyebrow{font:500 23px 'DM Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--red)}h1,h2,p{margin:0}h1,h2{font-weight:700;letter-spacing:-.035em;line-height:1.04}h1 span,h2 span{color:var(--red)}
#opening{z-index:1}#opening-image{position:absolute;left:0;top:0;width:1080px;height:1215px}#opening-image img{object-position:50% 42%;transform-origin:50% 42%}.opening-ground{position:absolute;left:0;right:0;top:1150px;bottom:0;background:var(--paper)}#opening-copy{position:absolute;left:80px;top:1265px;width:920px}#opening-copy h1{font-size:144px;margin-top:28px;white-space:nowrap}#opening-copy p{font-size:42px;font-weight:500;letter-spacing:-.025em;margin-top:42px;color:var(--purple)}
#fill-stage{z-index:2;clip-path:circle(0px at 550px 520px)}#fill-copy{position:absolute;left:80px;top:246px;width:900px}#fill-copy h2{font-size:139px;margin-top:24px}#fill-copy p{font-size:43px;font-weight:500;letter-spacing:-.025em;margin-top:29px;color:var(--purple)}#fill-shadow{position:absolute;left:460px;top:1413px;width:500px;height:67px;border-radius:50%;background:#381a3828;filter:blur(21px)}#fill-toy{position:absolute;left:310px;top:640px;width:800px;height:800px;object-fit:contain;mix-blend-mode:multiply;transform-origin:50% 50%}#detail-window{position:absolute;left:81px;top:1112px;width:350px;height:350px;border-radius:50%;box-shadow:0 18px 37px #30133525;overflow:hidden}#detail-window img{object-position:69% 50%}#treat-layer{position:absolute;inset:0;pointer-events:none}.treat{position:absolute;width:33px;height:27px;border-radius:9px 7px 8px 10px;background:#b1845c;box-shadow:inset -5px -4px #855c3d55}.treat:nth-child(2n){width:25px;height:30px;background:#977250}
#engage-stage{z-index:3;clip-path:circle(0px at 710px 735px)}#engage-photo{position:absolute;left:0;top:0;width:1080px;height:1270px;border-radius:0}#engage-photo img{object-position:46% 50%;transform-origin:center}#engage-copy{position:absolute;left:80px;top:1350px;width:920px}#engage-copy h2{font-size:102px;margin-top:27px}#benefit-copy{position:absolute;left:80px;top:243px;width:920px}#benefit-copy h2{font-size:119px;margin-top:27px}
#end-stage{z-index:4;clip-path:circle(0px at 520px 920px)}#end-heading{position:absolute;left:80px;top:242px;width:920px}#end-heading h2{font-size:145px;margin-top:24px}#end-context{position:absolute;left:65px;top:679px;width:480px;height:650px;border-radius:18px}#end-context img{object-position:50% 42%}#end-toy{position:absolute;left:500px;top:637px;width:670px;height:670px;object-fit:contain;mix-blend-mode:multiply;transform-origin:center}#cta{position:absolute;left:80px;right:80px;top:1494px;height:116px;border-radius:12px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 35px;font-size:43px;font-weight:700;letter-spacing:-.025em;box-shadow:0 18px 32px #2d17302b}#cta b{font-size:61px;font-weight:400}#safety{position:absolute;left:81px;bottom:136px;color:var(--purple);font-size:24px;font-weight:500}
#controls{position:fixed;z-index:100;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:9px;background:#eeeaf1;color:#2b1d35;font:14px Arial}#controls button{border:0;background:var(--purple);color:#fff;border-radius:5px;padding:8px 13px;cursor:pointer}#controls input{width:210px}body.render{display:block;background:var(--paper)}body.render #frame{transform:none!important}body.render #controls{display:none}