:root{--green:#173d32;--pink:#a62170;--sans:'Work Sans',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}body{margin:0;background:#18221e;display:flex;align-items:center;justify-content:center;height:100vh;overflow:hidden;font-family:var(--sans);font-synthesis:none}#frame{position:relative;width:1080px;height:1920px;flex:none;overflow:hidden;background:white;color:var(--green);transform-origin:center}#green-field{position:absolute;left:-600px;top:530px;width:1170px;height:1170px;border-radius:50%;background:#e7efde}#brand{position:absolute;top:108px;left:72px;right:72px;font:500 24px var(--mono);letter-spacing:.02em;z-index:4}#brand span{display:block;margin-top:12px;font-size:20px;color:#73837a}#opening{position:absolute;left:68px;top:255px;z-index:3;font-weight:600;font-size:154px;letter-spacing:-.045em;line-height:.97}#opening .light{font-weight:300}#opening .pink{color:var(--pink)}#model{position:absolute;left:0;top:0;width:1080px;height:1184px;transform-origin:0 0;z-index:2;mix-blend-mode:multiply}.slice{position:absolute;inset:0;transform-origin:50% 100%}.slice img{width:1080px;height:1184px;display:block}#count{position:absolute;left:68px;top:335px;z-index:3;letter-spacing:-.06em}#count b{font-size:305px;font-weight:600;line-height:.9;display:block}#count span{font-size:90px;font-weight:300;display:block;margin:20px 0 0 8px;letter-spacing:-.025em}#studs{position:absolute;inset:0;z-index:1}.stud{position:absolute;width:116px;height:66px;background:#bfd2b6;border-radius:12px;box-shadow:0 9px 0 #7b9b76;transform-origin:50% 50%}.stud:before,.stud:after{content:'';position:absolute;width:34px;height:25px;top:-10px;background:#d7e3d0;border-radius:50%;box-shadow:0 6px 0 #9ab590}.stud:before{left:18px}.stud:after{right:18px}.stud.pink{background:#d98db7;box-shadow:0 9px 0 #a55985}.stud.pink:before,.stud.pink:after{background:#efb7d4;box-shadow:0 6px 0 #bd719c}#building{position:absolute;left:72px;top:240px;z-index:3;font-size:122px;line-height:1.05;letter-spacing:-.035em;font-weight:600}#building>span{display:block}#building small{display:block;font:500 22px var(--mono);letter-spacing:.02em;margin-top:34px;color:var(--pink)}#room{position:absolute;inset:0;z-index:5;overflow:hidden;background:#102b46}#room>img{position:absolute;left:-160px;top:500px;width:1400px;height:1400px;object-fit:cover}#room .shade{position:absolute;inset:0;background:linear-gradient(#0a2339 0%,#102943f5 15%,#12304838 50%,transparent 70%)}.room-copy{position:absolute;top:220px;left:72px;font-size:98px;line-height:1.1;letter-spacing:-.035em;font-weight:300;color:white}.room-copy strong{font-weight:600}#end{position:absolute;inset:0;z-index:3}#end>small{position:absolute;left:72px;top:150px;font:500 23px var(--mono)}.end-title{position:absolute;left:68px;top:270px;font-size:132px;line-height:1.05;letter-spacing:-.045em;font-weight:600}.end-title span{display:block;font-size:80px;color:var(--pink);font-weight:300;margin-top:18px}.end-description{position:absolute;left:72px;top:615px;font-size:41px;line-height:1.25;font-weight:400;letter-spacing:-.025em}.cta{position:absolute;left:72px;right:72px;top:1550px;height:112px;border-radius:56px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 40px;font-size:34px;font-weight:500}.cta span{font-size:48px}.end-note{position:absolute;top:1730px;left:72px;font:400 22px var(--mono);color:#687a70}#controls{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);padding:10px;background:#e7efde;border-radius:10px;display:flex;gap:15px;align-items:center;font:14px Arial;z-index:20}#controls button{background:var(--green);color:white;border:0;border-radius:6px;padding:9px}#scrub{width:220px}body.render{display:block}body.render #frame{transform:none!important}body.render #controls{display:none}