/* Sibite — mobile production, new local-business chapters and Copacabana. */
.hero-visual{background-image:url('/assets/showroom-iphone.webp')}
.hero-content .hero-cta{animation:none;transform:none;opacity:1;position:relative;isolation:isolate;z-index:3;background:#ffc400;color:#070707;text-shadow:none;filter:none;mix-blend-mode:normal;backface-visibility:hidden;will-change:auto;line-height:1.45;overflow:hidden;transition:background .2s,border-color .2s}
.hero-content .hero-cta:hover{transform:none;background:#ffda47}
.hero-cta .button-label{display:block;position:relative;z-index:1;font:inherit;font-weight:600;line-height:1.45;text-shadow:none;transform:none}
.hero-cta .button-arrow{position:relative;z-index:1;font-size:23px;line-height:1;flex:0 0 auto}
.proof-strip>p{font-size:15px;line-height:1.8}
.scene-dentist>img{object-position:64% center}
.scene-restaurant>.restaurant-backdrop{opacity:.53;object-position:64% center}
.scene-restaurant .scene-overlay{background:linear-gradient(90deg,#000d 0%,#000a 33%,#0003 70%),linear-gradient(0deg,#000e,transparent 50%)}
.scene-restaurant .reach-rings{opacity:.6}
.scene-restaurant .phone{right:12%;width:245px;height:450px}
.scene-restaurant .phone>img{object-position:65%;height:271px}
.scene-restaurant .phone-caption{left:12px;right:10px;padding-top:60px;background:linear-gradient(0deg,#000b,transparent);bottom:100px;font-size:17px}
.scene-pet>img{object-position:65% center}
.scene-doctor>img{object-position:65% center}
.scene-copy h3{font-size:clamp(45px,4.9vw,74px)}
.story-controls button{font-size:14px}
/* The original supplied logo is assembled in perspective over an illustrated coast. */
.copa-footer{padding:0;background:#05090b;overflow:clip}
.copa-experience{position:relative;height:170svh;min-height:1000px}
.copa-scene{position:sticky;top:76px;height:calc(100svh - 76px);min-height:590px;overflow:hidden;isolation:isolate;background:#0c1b23}
.copa-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 57%;transform:scale(1.08);will-change:transform}
.copa-shade{position:absolute;inset:0;background:linear-gradient(180deg,#040a0fc9,transparent 35%,#040a0f50 60%,#040a0feb 100%),linear-gradient(90deg,#0005,transparent 65%)}
.copa-top{position:absolute;top:35px;left:5%;right:5%;display:flex;justify-content:space-between;gap:30px;color:#fff;font-size:12px;letter-spacing:.1em;z-index:3;text-shadow:0 1px 15px #000}
.copa-top>span:first-child{color:#ffcf37}
.copa-logo-space{position:absolute;left:3%;right:3%;top:24%;perspective:1200px;z-index:2}
.copa-logo{width:100%;aspect-ratio:2469/845;transform-style:preserve-3d;transform:rotateX(5deg);will-change:transform}
.logo-fragments{position:absolute;inset:0;transform-style:preserve-3d}
.logo-shard{position:absolute;inset:0;display:block;clip-path:inset(0 var(--crop-right) 0 var(--crop-left));will-change:transform,opacity;backface-visibility:hidden;transform-style:preserve-3d;filter:drop-shadow(1px 1px 0 #8f8255) drop-shadow(2px 2px 0 #9b8d64) drop-shadow(2px 3px 0 #514933) drop-shadow(0 14px 16px #0009)}
.logo-shard img{width:100%;height:100%;display:block;-webkit-mask-image:url('/assets/sibite-logo.png');mask-image:url('/assets/sibite-logo.png');mask-mode:luminance;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.copa-caption{position:absolute;left:7%;right:7%;bottom:105px;z-index:3;display:flex;align-items:end;justify-content:space-between;gap:50px}
.copa-caption p{font-size:clamp(30px,3.5vw,51px);line-height:1.14;letter-spacing:-.04em;margin:0;color:#fff;font-weight:400;text-shadow:0 2px 20px #0005}
.copa-caption em{font-family:Georgia,serif;font-weight:400;color:var(--yellow)}
.copa-caption>span{font-size:15px;line-height:1.8;color:#dce3e3}
.copa-bottom{position:absolute;bottom:30px;left:5%;right:5%;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:#c6d0d2}
.copa-bottom>a{color:white;margin-left:auto}.copa-bottom>a span{color:var(--yellow);margin-left:15px}
.copa-footer>.footer-bottom{padding:27px 5%;margin:0;border-top:1px solid #ffffff25;min-height:85px;background:#05090b;position:relative;z-index:5}
.copa-footer>.footer-bottom>a{font-size:12px;color:#fff}
.copa-footer>.footer-bottom>a:hover{color:var(--yellow)}
@media(min-width:1600px){.copa-logo-space{left:8%;right:8%;top:20%}}
@media(max-width:1100px){.scene-restaurant .phone{right:8%}.copa-logo-space{top:28%;left:0;right:0}.copa-caption{gap:25px}.copa-caption>span{font-size:13px}}
@media(max-width:760px){
 .hero-visual{background-image:url('/assets/showroom-iphone-small.webp');background-position:80% center}
 .hero-content .hero-cta{font-size:13px;padding:17px 18px;gap:16px;min-height:59px}
 .hero-cta .button-label{font-size:13px}
 .proof-strip>p{font-size:15px}
 .scene-copy h3{font-size:42px}
 .scene-dentist>img{object-position:64% center}
 .scene-restaurant .restaurant-backdrop{object-position:63% center;opacity:.42}
 .scene-restaurant .scene-overlay{background:linear-gradient(0deg,#000f 0%,#000e 30%,#0006 65%,#0002 100%)}
 .scene-restaurant .phone{width:166px;height:294px;right:11%;top:48px}
 .scene-restaurant .phone>img{height:180px}
 .scene-restaurant .phone-caption{font-size:12px;bottom:68px;left:10px;padding-top:35px}
 .scene-restaurant .scene-copy h3{font-size:42px}
 .scene-pet>img{object-position:64% center}
 .scene-doctor>img{object-position:63% center}
 .story-controls{gap:8px;left:4%;right:4%}
 .story-controls button{font-size:11px;letter-spacing:-.03em}
 .story-top{font-size:8px;letter-spacing:.03em;left:5%;right:5%}
 .scene-copy p,.scene-reach .scene-copy p{font-size:14px;line-height:1.65}
 .scene-kicker{font-size:10px;letter-spacing:.06em}
 .copa-experience{height:145svh;min-height:1000px}
 .copa-scene{top:66px;height:calc(100svh - 66px);min-height:600px}
 .copa-backdrop{object-position:53% center}
 .copa-shade{background:linear-gradient(180deg,#040a0fc9,transparent 35%,#040a0f80 58%,#040a0ffa 100%)}
 .copa-top{top:26px;left:6%;right:6%;display:block;font-size:10px;line-height:1.7;letter-spacing:.08em}
 .copa-top>span{display:block}.copa-top>span+span{margin-top:8px;color:#dde4e5;font-size:10px}
 .copa-logo-space{left:-4%;right:-4%;top:32%;perspective:650px}
 .copa-caption{display:block;left:7%;right:7%;bottom:115px}
 .copa-caption p{font-size:31px;line-height:1.18;max-width:310px}
 .copa-caption>span{display:block;font-size:13px;line-height:1.7;margin-top:22px;max-width:275px}
 .copa-bottom{left:6%;right:6%;bottom:24px;align-items:end;font-size:10px;gap:15px}
 .copa-bottom>span{max-width:140px;line-height:1.7}.copa-bottom>a{white-space:nowrap;font-size:11px}
 .copa-footer>.footer-bottom{padding:22px 6%;gap:8px 16px}.copa-footer>.footer-bottom>a{font-size:11px} .copa-footer #motion-toggle{margin-left:auto}
}
@media(max-width:370px){.hero-content .hero-cta{padding-inline:14px;gap:12px}.hero-cta .button-label{font-size:11px}.story-controls button{font-size:10px}.scene-copy h3,.scene-restaurant .scene-copy h3{font-size:36px}.copa-caption p{font-size:28px}}
html:has(body.reduced-motion){scroll-behavior:auto}
body.reduced-motion .copa-experience{height:auto;min-height:0}body.reduced-motion .copa-scene{position:relative;top:0}body.reduced-motion .copa-backdrop,body.reduced-motion .copa-logo,body.reduced-motion .logo-shard{transform:none!important;opacity:1!important;will-change:auto}
@media(prefers-reduced-motion:reduce){.copa-experience{height:auto;min-height:0}.copa-scene{position:relative;top:0}.copa-backdrop,.copa-logo,.logo-shard{transform:none!important;opacity:1!important;will-change:auto}}

/* Agency film and official social profiles. */
.agency-video{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.6fr);gap:6%;align-items:center;padding-bottom:30px}
.video-intro .eyebrow{font-size:12px;margin-bottom:24px;color:var(--yellow)}
.video-intro h2{font-size:clamp(36px,3.8vw,58px);line-height:1.1;letter-spacing:-.055em;font-weight:400;margin:0}
.video-intro h2 em{font-family:Georgia,serif;font-weight:400;color:var(--yellow)}
.video-media{min-width:0}
.video-player{width:100%;aspect-ratio:16/9;min-height:200px;background:#111;border:1px solid #ffffff25;border-radius:8px;overflow:hidden}
.video-player iframe{display:block;width:100%;height:100%;border:0}
.video-source{display:flex;justify-content:flex-end;align-items:center;gap:12px;min-height:44px;font-size:12px;color:#b7b7b2}
.video-source span{color:var(--yellow)}.video-source:hover{color:#fff}
.footer-socials{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 5%;border-top:1px solid #ffffff25;background:#05090b}
.footer-socials>span{font-size:15px;color:#dce3e3}
.footer-socials nav{display:flex;gap:32px;flex-wrap:wrap}
.footer-socials a{display:flex;align-items:center;gap:10px;min-height:44px;color:#fff;font-size:14px}
.footer-socials a>span{color:var(--yellow);margin-left:5px}.footer-socials a:hover{color:var(--yellow)}
.video-source:focus-visible,.footer-socials a:focus-visible{outline:2px solid var(--yellow);outline-offset:5px;border-radius:2px}
@media(max-width:760px){.agency-video{display:block;padding:70px 6% 15px}.video-intro{margin-bottom:30px}.video-intro h2{font-size:40px}.video-intro .eyebrow{margin-bottom:18px}.video-source{font-size:12px}.footer-socials{display:block;padding:25px 6% 20px}.footer-socials>span{display:block;font-size:14px;margin-bottom:12px}.footer-socials nav{gap:28px}.footer-socials a{font-size:14px}}