.digital-art{height:555px;border-radius:24px;background:radial-gradient(ellipse at 50% 45%,#ccdbeb,#e4eaf0 65%);isolation:isolate;overflow:hidden;padding:0;border:1px solid #d6dde4}.digital-grid{position:absolute;inset:0;opacity:.6;background-image:linear-gradient(#bcc8d455 1px,transparent 1px),linear-gradient(90deg,#bcc8d455 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}.digital-kicker{position:absolute;top:25px;left:25px;font-size:8px;letter-spacing:1.5px;font-weight:700;color:#526477}.digital-kicker>span{font-size:17px;margin-right:8px}.creative-window{position:absolute;left:13%;top:27%;width:74%;background:#f6f8fb;border:1px solid #a0aebd;border-radius:9px;box-shadow:0 20px 30px #36455520;transform:rotate(-5deg);overflow:hidden;z-index:2}.window-bar{height:25px;display:flex;align-items:center;gap:4px;background:#dfe6ed;border-bottom:1px solid #c2cdd9;padding:0 10px}.window-bar>i{width:4px;height:4px;background:#9ba9b7;border-radius:50%}.window-bar>span{font-size:7px;margin:auto;color:#6e7c8b}.window-bar>b{font-size:10px;font-weight:400}.website-preview{padding:14px}.mini-nav{display:flex;align-items:center;justify-content:space-between;font-size:9px}.mini-nav>span{font-size:5px;letter-spacing:1px}.mini-hero{background:#293b4f;border-radius:4px;margin-top:12px;position:relative;padding:20px 15px;color:#e7edf3;overflow:hidden}.mini-hero>span{font-size:5px;letter-spacing:1.2px}.mini-hero h3{font-size:21px;line-height:1.15;font-weight:500;letter-spacing:-.7px;margin:8px 0 15px;position:relative;z-index:1}.mini-hero em{letter-spacing:-.5px;color:#adc8e4}.mini-hero>b{background:#b9d0e8;font-size:5px;color:#293b4f;padding:5px 8px;border-radius:2px}.mini-church{position:absolute;right:5px;bottom:-15px;width:100px;fill:#415468;stroke:#95acc5;stroke-width:1.5}.mini-swatches{display:flex;align-items:center;gap:5px;margin-top:13px}.mini-swatches>span{margin-right:auto;font-size:5px;letter-spacing:.8px}.mini-swatches>i{height:13px;width:13px;border-radius:50%;background:#293b4f}.mini-swatches>i:nth-last-child(3){background:#7990a9}.mini-swatches>i:nth-last-child(2){background:#b9d0e8}.mini-swatches>i:last-child{background:#9fc1e6}.service-tile{position:absolute;background:#f8fbfe;border:1px solid #c7d1db;border-radius:9px;box-shadow:0 10px 24px #25374b12;padding:14px;z-index:3}.service-tile strong{display:block;font:600 12px 'Manrope',sans-serif;letter-spacing:-.3px}.service-tile small{display:block;font-size:7px;color:#6e7d8d;margin-top:3px}.tile-top{display:flex;align-items:center;justify-content:space-between}.live-tile{width:136px;right:6%;top:11%;transform:rotate(7deg);background:#293b4f;color:white}.live-badge{background:#bad3ed;color:#293b4f;font-size:6px;padding:3px 6px;border-radius:3px;letter-spacing:1px;font-weight:700}.live-badge i{display:inline-block;width:4px;height:4px;background:#4b6887;border-radius:50%;margin-right:3px}.live-tile small{color:#b9c5d1}.live-screen{height:46px;display:flex;align-items:center;justify-content:space-between}.live-screen>span{font-size:21px;color:#b9d2ed}.audio-bars{display:flex;align-items:center;gap:3px;height:28px}.audio-bars i{height:10px;width:3px;background:#8daed1}.audio-bars i:nth-child(2n){height:23px}.audio-bars i:nth-child(3n){height:17px}.photo-tile{left:5%;top:14%;width:132px;transform:rotate(-9deg);background:#d2e0ee}.camera-icon{width:43px;height:30px;border:1.8px solid #566c83;border-radius:6px;position:relative;margin:9px 0 15px}.camera-icon:before{content:'';position:absolute;top:-7px;left:11px;width:19px;height:6px;border:1.8px solid #566c83;border-bottom:0;border-radius:3px 3px 0 0}.camera-icon span{position:absolute;width:18px;height:18px;border:1.5px solid #566c83;border-radius:50%;left:11px;top:4px}.camera-icon i{position:absolute;width:4px;height:4px;background:#566c83;right:4px;top:4px;border-radius:50%}.checkin-tile{width:207px;right:4%;bottom:15%;transform:rotate(5deg)}.checkin-icon{height:21px;width:21px;border-radius:50%;background:#cfdeed;display:grid;place-items:center;font-size:11px}.checkin-tile .micro{font-size:6px}.checkin-tile>strong{margin-top:10px}.checkin-row{display:flex;align-items:center;gap:8px;margin:10px 0}.checkin-row>span{background:#d6e2ee;border-radius:50%;font-size:7px;width:22px;height:22px;display:grid;place-items:center}.checkin-row>i{width:35px;height:4px;background:#d9e0e8;border-radius:3px}.checkin-row>b{font-size:6px;background:#dce6f0;color:#465e78;padding:3px 5px;border-radius:3px;margin-left:auto}.video-tile{left:6%;bottom:11%;width:160px;transform:rotate(-5deg);display:flex;gap:8px;flex-wrap:wrap;background:#e5eaf0;border-color:#cdd6df}.video-symbol{height:29px;width:29px;border:1px solid #7f8fa0;border-radius:50%;display:grid;place-items:center;font-size:22px;color:#607286}.video-tile strong{font-size:11px}.video-tile small{font-size:6px}.timeline{width:100%;height:17px;display:flex;position:relative;gap:3px;margin-top:4px}.timeline i{height:16px;background:#b9c5d2;border-radius:2px;flex:1}.timeline i:nth-child(2n){background:#9ca8b5}.timeline b{position:absolute;top:-4px;bottom:-4px;left:42%;width:1px;background:#62707e}.digital-star{position:absolute;right:5%;top:44%;font-size:51px;color:#7b98b7;z-index:1}.art-caption{position:absolute;bottom:23px;left:0;right:0;text-align:center;font-size:8px;color:#5e6d7c}.art-caption>span{font-size:7px;letter-spacing:1px;margin-right:11px;color:#8293a6}@media(max-width:1100px) and (min-width:761px){.digital-art{height:495px}.creative-window{left:8%;width:84%}.service-tile{padding:11px}.photo-tile{left:3%;width:115px}.live-tile{right:3%;width:119px}.checkin-tile{width:185px;right:3%;bottom:13%}.video-tile{left:3%;width:140px;bottom:9%}}@media(max-width:760px){.digital-art{height:520px;width:100%;max-width:465px}.hero-art.digital-art{padding:0}.digital-kicker{font-size:7px;top:22px;left:20px}.creative-window{top:29%}.mini-hero h3{font-size:19px}.photo-tile{width:121px;top:13%;left:5%}.live-tile{width:124px;right:5%;top:12%}.checkin-tile{width:190px;right:3%;bottom:14%}.video-tile{width:150px;left:4%;bottom:10%}.art-caption{font-size:7px;bottom:20px}.digital-star{font-size:40px;top:49%}}@media(max-width:380px){.digital-art{height:490px}.mini-hero h3{font-size:16px}.mini-church{width:75px}.checkin-tile{width:170px}.video-tile{width:132px}.service-tile{padding:11px}.art-caption>span{display:none}}