/* Sharp, HTML-built Closer2.me screens on one white photographic stage. */
.c2-journey{position:relative;container-type:inline-size;width:min(900px,100%);max-width:100%;margin:28px auto 0;padding:0;background:#fff;color:#1c1b1e;text-align:left;isolation:isolate}
.c2-journey *{box-sizing:border-box}
.c2-stage{position:relative;width:100%;height:93cqw;min-height:350px;max-height:837px;overflow:hidden;background:#fff}
.c2-phone{position:absolute;width:34cqw;height:70cqw;padding:.65cqw;border-radius:4.2cqw;background:#08090b;box-shadow:0 0 0 1px #36383b,0 17px 30px #15213b12;transform-origin:center center;overflow:hidden}
.c2-screen{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:3.6cqw;background:#08090d;color:#f8f8fa;font:400 1.36cqw/1.32 Arial,Helvetica,sans-serif;letter-spacing:normal;container-type:inline-size}
.c2-phone-sms{left:4.5%;top:13.3cqw;z-index:1;transform:rotate(-7deg)}
.c2-phone-content{right:4.5%;top:13.3cqw;z-index:1;transform:rotate(7deg)}
.c2-phone-instagram{left:30%;top:7.7cqw;z-index:2;width:40cqw;height:82cqw}
.c2-screen .icon,.c2-screen svg{display:block;width:5cqw;height:5cqw;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.c2-screen strong,.c2-screen b{font-weight:600}
.c2-photo{display:block;background-image:var(--c2-photo);background-size:cover;background-position:var(--c2-pos,50% 50%);background-repeat:no-repeat;background-color:#c6b7a7}
.c2-photo-1{--c2-photo:url('ava-profile.jpg');--c2-pos:73% 35%}.c2-photo-2{--c2-photo:url('ava-beach-1.jpg');--c2-pos:72% 40%}.c2-photo-3{--c2-photo:url('social-coast.jpg')}.c2-photo-4{--c2-photo:url('ava-friends-1.jpg');--c2-pos:28% 45%}.c2-photo-5{--c2-photo:url('ava-beach-2.jpg');--c2-pos:74% 40%}.c2-photo-6{--c2-photo:url('social-cafe.jpg')}.c2-photo-7{--c2-photo:url('ava-beach-3.jpg');--c2-pos:68% 40%}.c2-photo-8{--c2-photo:url('social-flight.jpg')}.c2-photo-9{--c2-photo:url('ava-friends-2.jpg');--c2-pos:30% 45%}
.c2-avatar{width:13cqw;height:13cqw;flex:0 0 13cqw;border-radius:50%;overflow:hidden}
.c2-status{display:flex;align-items:center;justify-content:space-between;padding:5cqw 8cqw 3.5cqw;font-size:3.7cqw;line-height:1;flex:0 0 auto;color:#f4f4f4}
.c2-status>span{display:flex;gap:.6cqw;align-items:flex-end;height:3.7cqw}
.c2-status i{display:block;width:.7cqw;height:1.3cqw;border-radius:.2cqw;background:#f4f4f4}.c2-status i:nth-child(2){height:1.9cqw}.c2-status i:nth-child(3){height:2.5cqw}.c2-status i:nth-child(4){height:3.1cqw}
.c2-status em{font-size:3cqw;font-style:normal;line-height:1;margin-left:.8cqw}.c2-status u{position:relative;display:block;width:6cqw;height:3cqw;border:.35cqw solid #e7e7e7;border-radius:.6cqw;margin-left:1cqw;text-decoration:none}.c2-status u:before{content:"";position:absolute;inset:.3cqw;background:#e7e7e7;border-radius:.15cqw}.c2-status u:after{content:"";position:absolute;right:-.9cqw;top:.65cqw;width:.4cqw;height:1.1cqw;background:#ccc;border-radius:.2cqw}
.c2-home-line{position:absolute;z-index:5;bottom:1.7cqw;left:34%;height:1.2cqw;width:32%;border-radius:10px;background:#eee}
.c2-back{display:flex;transform:rotate(180deg);color:#f5f5f5}
/* Instagram profile. */
.c2-ig-head{display:flex;align-items:center;gap:3cqw;padding:3cqw 4.8cqw 4.6cqw;flex:0 0 auto}.c2-ig-head strong{font-size:4.1cqw;white-space:nowrap;flex:1}.c2-ig-head>span:last-child .icon{width:4cqw;height:4cqw}
.c2-ig-profile{display:grid;grid-template-columns:24cqw 1fr;gap:5cqw;align-items:center;padding:1cqw 5cqw 4cqw}.c2-ig-avatar{width:24cqw;height:24cqw;border-radius:50%}.c2-ig-profile>div>strong{display:block;font-size:4.4cqw;line-height:1.25;margin-bottom:3.5cqw}.c2-ig-counts{display:flex;justify-content:space-between;gap:2cqw;font-size:3.5cqw}.c2-ig-counts span{display:flex;flex-direction:column;align-items:center;gap:.6cqw}.c2-ig-counts b{font-size:4.2cqw}
.c2-ig-bio{padding:0 5cqw 4cqw;font-size:3.7cqw;line-height:1.4}.c2-ig-bio>span{display:block;color:#8a8b91;font-size:3.5cqw;margin-bottom:.8cqw}.c2-ig-bio p{margin:0;color:#f2f2f4;font:inherit}
.c2-ig-actions{display:flex;align-items:center;gap:1.5cqw;padding:0 4cqw 4cqw;font-size:3.9cqw;font-weight:600;line-height:1}.c2-ig-actions>span{display:flex;align-items:center;justify-content:center;height:8.5cqw;flex:1;background:#282b30;border:1px solid #282b30;border-radius:2cqw}.c2-ig-actions>span:first-child{background:#4164f5;border-color:#4164f5}.c2-ig-actions>.c2-ig-text{border:1px solid #008ff5;box-shadow:0 0 0 .4cqw #008ff52e}.c2-ig-actions>i{display:flex;align-items:center;justify-content:center;width:8.5cqw;height:8.5cqw;background:#282b30;border-radius:2cqw}
.c2-ig-tabs{display:flex;justify-content:space-around;align-items:center;border-bottom:1px solid #33363a;flex:0 0 auto;height:10.5cqw}.c2-ig-tabs>span{height:100%;display:flex;align-items:center;justify-content:center;width:33.333%;color:#8a8c92}.c2-ig-tabs>.c2-ig-tab-active{color:#fff;border-bottom:.65cqw solid #fff}.c2-ig-tabs svg{width:5.5cqw;height:5.5cqw}
.c2-ig-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:.55cqw;flex:1;min-height:0;background:#08090d}.c2-ig-grid>.c2-photo{width:100%;height:100%;min-height:0}
.c2-ig-bottom{display:flex;align-items:center;justify-content:space-around;gap:2cqw;padding:3.3cqw 3cqw 6cqw;flex:0 0 auto;border-top:1px solid #24262b}.c2-ig-bottom svg{width:5.8cqw;height:5.8cqw}.c2-ig-bottom .c2-avatar{width:6.5cqw;height:6.5cqw;flex-basis:6.5cqw;border:.4cqw solid #fff}
/* SMS: the fan starts the conversation, then receives the content route. */
.c2-sms-screen{background:#000}.c2-sms-head{position:relative;display:flex;flex-direction:column;align-items:center;gap:2cqw;padding:2cqw 8cqw 4cqw;background:#111114;border-bottom:1px solid #25252a;flex:0 0 auto}.c2-sms-head>.c2-back{position:absolute;left:5cqw;top:9cqw;color:#6aa9ff}.c2-sms-head>.c2-avatar{width:15cqw;height:15cqw;flex-basis:15cqw}.c2-sms-head>strong{font-size:3.9cqw}.c2-sms-head>strong>span{color:#85858c;margin-left:1cqw}.c2-video-icon{position:absolute;right:5cqw;top:9cqw;color:#6aa9ff}.c2-video-icon svg{width:6cqw;height:6cqw}
.c2-sms-thread{display:flex;flex-direction:column;align-items:flex-start;gap:3.5cqw;padding:4cqw 4.5cqw 5cqw;flex:1;min-height:0;font-size:4.1cqw;line-height:1.35}.c2-sms-date{align-self:center;text-align:center;color:#85858c;font-size:3.1cqw;line-height:1.5;margin:0 0 1.3cqw}.c2-sms-date strong{font-weight:400}.c2-sms-out{align-self:flex-end;background:#31a94b;padding:2.5cqw 4cqw;border-radius:5cqw 5cqw 1cqw 5cqw}.c2-sms-delivered{align-self:flex-end;color:#8b8b91;font-size:2.8cqw;line-height:1;margin-top:-2.5cqw;margin-right:1cqw}.c2-sms-in{max-width:90%;background:#29292d;padding:3cqw 4cqw;border-radius:5cqw 5cqw 5cqw 1cqw}.c2-sms-rich{width:84%;border-radius:4cqw;overflow:hidden;background:#242427;margin-top:.7cqw;min-height:0;flex:1;max-height:92cqw;display:flex;flex-direction:column}.c2-sms-photo{position:relative;min-height:20cqw;flex:1;overflow:hidden}.c2-sms-photo>.c2-photo{position:absolute;inset:0}.c2-sms-rich>div:last-child{padding:3cqw 3.5cqw;font-size:3.6cqw;display:flex;flex-direction:column;gap:1.3cqw}.c2-sms-rich>div:last-child>span{font-size:3.1cqw;color:#b4b4ba}.c2-sms-rich>div:last-child>b{font-size:3.4cqw;color:#87b7ff;text-decoration:underline;text-underline-offset:.6cqw}
.c2-sms-composer{display:flex;align-items:center;gap:3.5cqw;padding:2.5cqw 4.5cqw 7.5cqw;flex:0 0 auto;color:#8a8a92}.c2-sms-composer>span{display:grid;place-items:center;width:9cqw;height:9cqw;border-radius:50%;background:#252528;font-size:7cqw;line-height:1}.c2-sms-composer>div{border:.4cqw solid #3b3b41;flex:1;padding:2.4cqw 3.5cqw;font-size:3.8cqw;line-height:1;border-radius:8cqw;display:flex;align-items:center;justify-content:space-between}.c2-sms-composer i{font-size:4.5cqw;line-height:1;font-style:normal}
/* T Social destination, with the same creator and artwork. */
.c2-content-brand{display:flex;justify-content:space-between;align-items:center;padding:1cqw 4cqw 2.5cqw;flex:0 0 auto}.c2-content-brand img{width:32cqw;height:auto;display:block}.c2-content-brand .icon{width:5cqw;height:5cqw}.c2-content-cover{position:relative;width:100%;height:47cqw;flex:0 0 auto;overflow:hidden}.c2-content-cover>.c2-photo{position:absolute;inset:0}.c2-content-person{display:flex;gap:3cqw;align-items:center;margin:-6cqw 5cqw 0;position:relative;z-index:1}.c2-content-person>.c2-avatar{width:17cqw;height:17cqw;flex-basis:17cqw;border:.8cqw solid #08090d}.c2-content-person>div{display:flex;flex-direction:column;gap:1cqw;padding-top:5cqw}.c2-content-person strong{font-size:5.1cqw;line-height:1.1}.c2-content-person>div>span{font-size:3.5cqw;color:#a6a7ad}.c2-content-intro{padding:3.5cqw 5cqw 4cqw;margin:0;font-size:3.7cqw;line-height:1.5;color:#b8bac0}
.c2-content-links{display:flex;flex-direction:column;gap:2cqw;padding:0 5cqw;flex:0 0 auto}.c2-content-links>div{display:flex;justify-content:space-between;align-items:center;gap:2cqw;padding:3.7cqw 3cqw;border:1px solid #2b2d34;border-radius:2.5cqw;background:#14151b;font-size:3.9cqw;line-height:1}.c2-content-links .icon{width:4cqw;height:4cqw}.c2-content-links>.c2-content-primary{background:#fff;color:#1c1b1e;border-color:#fff;padding:4.3cqw 3cqw}.c2-content-primary>.icon:first-child{color:#da0064}.c2-content-primary strong{flex:1}
.c2-content-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2cqw;padding:4.5cqw 5cqw 4cqw;flex:1;min-height:0;max-height:47cqw}.c2-preview{position:relative;overflow:hidden;border-radius:2cqw}.c2-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 80%)}.c2-preview>span{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2cqw;padding-bottom:3cqw;color:#fff}.c2-preview>span>.icon{width:4.5cqw;height:4.5cqw}.c2-preview small{font-size:2.5cqw;line-height:1}
.c2-browser-bar{display:flex;justify-content:space-between;align-items:center;padding:3cqw 5cqw 7cqw;border-top:1px solid #27292e;background:#15161b;color:#c4c6ce;font-size:3.7cqw;flex:0 0 auto}.c2-browser-bar>span:nth-child(2){display:flex;align-items:center;gap:2cqw;font-size:3.2cqw}.c2-browser-bar .icon{width:3cqw;height:3cqw}
/* External callouts use actual screen-sized text, even when the phones scale down. */
.c2-guide{position:absolute;z-index:4;display:flex;align-items:flex-start;gap:7px;color:#1c1b1e;font-family:Outfit,Arial,sans-serif;font-size:clamp(11px,1.7cqw,15px);line-height:1.25;letter-spacing:-.015em;white-space:nowrap}.c2-guide strong{font-weight:500}.c2-guide-number{display:grid;place-items:center;width:clamp(16px,2.4cqw,21px);height:clamp(16px,2.4cqw,21px);flex-shrink:0;border:1px solid #df0068;color:#cf005d;border-radius:50%;font-size:.76em;font-weight:500;margin-top:1px}.c2-guide-start{left:39%;top:0}.c2-guide-message{left:7%;bottom:0}.c2-guide-content{right:1.5%;top:5.2cqw}.c2-arrow{position:absolute;z-index:4;pointer-events:none;stroke:#d30061;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.c2-arrow-start{left:59%;top:4.4cqw;width:10cqw;height:29cqw}.c2-arrow-message{left:17%;bottom:3.3cqw;width:13cqw;height:9cqw}.c2-arrow-content{right:1.6%;top:12cqw;width:9cqw;height:23cqw}
.c2-journey>figcaption{font-size:11px;line-height:1.4;text-align:center;color:#8b858a;padding:20px 15px 0;margin:0;background:#fff}
.c2-accessible-steps{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:540px){.c2-journey{margin-top:28px}.c2-stage{height:112cqw;min-height:350px}.c2-phone-instagram{top:17cqw}.c2-phone-sms,.c2-phone-content{top:23cqw}.c2-guide-start{left:35%;top:0}.c2-guide-content{right:1.5%;top:11cqw}.c2-guide-message{left:5%;bottom:0}.c2-arrow-start{top:10cqw;left:60%;height:33cqw;width:11cqw}.c2-arrow-message{bottom:5cqw;left:19%;height:10cqw;width:14cqw}.c2-arrow-content{right:1.1%;top:23cqw;height:24cqw;width:9cqw}.c2-guide{gap:5px;font-size:11px}.c2-journey>figcaption{font-size:10px;padding-top:17px}}
@media(max-width:350px){.c2-stage{height:112cqw;min-height:350px}.c2-phone-instagram{top:21cqw}.c2-phone-sms,.c2-phone-content{top:27cqw}.c2-guide-content{top:15cqw}.c2-arrow-start{top:14cqw}.c2-arrow-content{top:27cqw}.c2-guide-message{bottom:1cqw}.c2-journey>figcaption{padding-top:13px}}
.c2-content-gallery{flex:0 0 auto;height:36.5cqw}
/* Arrow endpoints land on Text, the SMS composer and the content button. */
.c2-arrow-start{left:56.2%;height:37.1cqw}
.c2-arrow-content{right:4.2%;height:39cqw}
.c2-arrow path{vector-effect:non-scaling-stroke;stroke-width:1.4}
@media(max-width:540px){.c2-arrow-start{left:56.2%;height:41.1cqw}.c2-arrow-content{right:4.2%;height:39cqw}}

/* Individual photographs crop to each screen cell without stretching. */
.c2-avatar.c2-photo-1,.c2-ig-avatar.c2-photo-1{background-size:250% auto;background-position:73% 15%}
.c2-content-cover>.c2-photo{background-size:cover;background-position:73% 42%}
.c2-sms-photo>.c2-photo{background-position:73% 40%}