:root{--paper:#f7f6ee;--ink:#202b2c;--teal:#087c77;--pink:#ee3978;--orange:#f6a124;--purple:#7951a2;--line:#d9dcd2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h2{font-size:clamp(34px,4vw,60px);font-weight:600;line-height:1.12;letter-spacing:-2.7px}h2 em{font-family:Georgia,serif;font-weight:400;color:var(--teal)}header{height:106px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:28px}.brand{display:flex;align-items:center;gap:12px;font-size:22px;letter-spacing:5px}.brand small{font-size:8px;display:block;letter-spacing:2.65px;font-weight:600;margin-top:3px}.brand-symbol{font-family:Arial,sans-serif;font-size:55px;font-weight:900;letter-spacing:-13px;line-height:1;color:var(--teal);padding-right:11px}.brand-symbol span{color:var(--pink)}nav{display:flex;gap:30px;font-size:13px}nav a:hover{color:var(--teal)}.button{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-radius:100px;font-size:13px;font-weight:600;padding:19px 25px;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px);background:var(--teal)}.button span{font-size:22px;line-height:16px}.dark{background:var(--ink);color:white}.small{padding:15px 22px;font-size:12px}.menu{display:none}.hero{padding:58px 5% 62px;display:grid;grid-template-columns:1.12fr 1fr;gap:4%;max-width:1700px;margin:auto}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;line-height:1.7}.status{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--teal);margin-right:8px;box-shadow:0 0 0 4px #087c7710}h1{font-size:clamp(58px,6.4vw,100px);line-height:1.01;font-weight:600;letter-spacing:-5.5px;margin:25px 0 23px;position:relative}.outlined{color:var(--teal)}.pink{color:var(--pink)}.spark{font-size:.7em;color:var(--orange);display:inline-block;position:absolute;top:1.55em;right:0;animation:spin 35s linear infinite}.intro{font-size:16px;color:#626967;line-height:1.7}.hero-actions{display:flex;gap:24px;align-items:center;margin:27px 0 26px}.text-link{font-size:12px;font-weight:600;display:inline-flex;gap:20px;align-items:center;border-bottom:1px solid #a3aaa3;padding-bottom:5px}.text-link span{font-size:20px}.micro{font-size:8px;letter-spacing:1.8px;color:#777f78}.hero-art{align-self:center;position:relative;padding-top:14px}.art-label{font-size:8px;letter-spacing:1.7px;margin-bottom:17px;display:flex;justify-content:flex-end}.mosaic{display:grid;grid-template-columns:repeat(3,1fr);aspect-ratio:1;transform:rotate(-4deg);box-shadow:15px 25px 50px #33432610;transition:filter .7s,transform .7s}.mosaic.remixed{filter:hue-rotate(75deg);transform:rotate(2deg)}.tile{aspect-ratio:1;position:relative;overflow:hidden;display:grid;place-items:center}.tile span{line-height:1;display:block}.t1{background:var(--teal)}.t1 i{width:100%;height:100%;border:30px solid #91d5be;border-radius:100%;transform:translate(-20%,-20%)}.t2{background:#ef678b;color:#f9c3ca}.t2 span{font-size:clamp(80px,13vw,200px);animation:spin 50s linear infinite}.t3{background:#edb45a}.t3 i{position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 13px,#f7d9a4 13px 16px)}.t4{background:var(--orange);color:var(--ink)}.t4 span{font-size:clamp(90px,13vw,190px);font-family:Arial;font-weight:400;animation:nudge 5s ease-in-out infinite}.t5{background:var(--purple)}.t5 i{width:68%;height:68%;background:#e9b5d0;border-radius:50%;box-shadow:35px 35px 0 #a987bf}.t6{background:#087c77;color:#dbefbb}.t6 span{font-family:Georgia;font-size:clamp(85px,11vw,170px);font-style:italic;transform:translateY(-7px)}.t7{background:#f9b6ca}.t7 i{position:absolute;width:140%;height:70%;border-radius:50%;background:var(--pink);transform:rotate(-45deg)}.t8{background:#d2e3b4;color:var(--teal)}.t8 span{font-size:clamp(100px,15vw,220px);animation:breathe 6s ease-in-out infinite}.t9{background:#9cc8c0}.t9 i{position:absolute;inset:0;background:conic-gradient(from 45deg,#087c77 0deg 90deg,transparent 90deg 180deg,#087c77 180deg 270deg,transparent 270deg)}.art-sticker{position:absolute;bottom:65px;left:-24px;transform:rotate(-10deg);background:var(--paper);padding:18px 28px;box-shadow:2px 6px 0 #253535;outline:1px solid var(--ink);font-size:15px;line-height:1.4}.art-sticker b{font-family:Georgia;font-style:italic;font-weight:400;font-size:25px}.art-sticker span{position:absolute;right:-17px;top:-20px;font-size:54px;color:var(--purple)}.art-bottom{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;padding-top:34px}.art-bottom button{background:none;border:0;font-size:8px;letter-spacing:1px;padding:0;color:var(--ink)}.ticker{overflow:hidden;background:var(--teal);color:#e1edc9;padding:20px 0;transform:rotate(-1.6deg);margin:12px 0 25px}.ticker>div{display:flex;align-items:center;gap:40px;font-size:28px;font-weight:500;letter-spacing:1px;white-space:nowrap;width:max-content;animation:marquee 35s linear infinite}.ticker span{color:#e7bbdc;font-size:32px}.section{padding:85px 7%;scroll-margin-top:0}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.tiny-note{font-size:8px;letter-spacing:1.4px;color:#747c72}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:47px}.section-heading>p{max-width:320px;font-size:14px;line-height:1.8;color:#626967}.service-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);--accent:var(--teal)}details:nth-child(2){--accent:var(--pink)}details:nth-child(3){--accent:#d98400}details:nth-child(4){--accent:var(--purple)}summary{display:flex;align-items:center;padding:24px 0;gap:35px;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.service-number{font-size:10px;color:#758078}.service-title{font-family:Manrope,sans-serif;font-size:clamp(30px,4vw,54px);letter-spacing:-2px;font-weight:600;color:var(--accent)}.service-tag{font-size:9px;letter-spacing:1.6px;margin-left:auto}.plus{font-size:27px;margin-left:25px;transition:transform .3s}details[open] .plus{transform:rotate(45deg)}.service-body{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:40px;padding:0 0 32px 50px;font-size:13px;line-height:1.8;color:#626967}.service-body ul{list-style:none;margin:0;padding:0}.service-body li:before{content:'↗';color:var(--accent);margin-right:9px}.service-body a{align-self:end;justify-self:end;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:5px}.possibilities{background:#eceee5}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.work-card{background:none;border:0;padding:0;text-align:left;color:inherit}.work-visual{height:390px;position:relative;overflow:hidden;transition:transform .4s}.work-card:hover .work-visual{transform:translateY(-7px)}.concept-tag{position:absolute;top:20px;left:22px;font-size:8px;letter-spacing:1.5px;z-index:1}.work-brand .work-visual{background:#f0a4bd;padding:70px 40px 40px}.brand-display{background:var(--teal);height:100%;color:#dbe8b7;padding:28px;position:relative;transform:rotate(-6deg);box-shadow:9px 12px 0 #c84072}.brand-display>span{font-size:clamp(25px,3.7vw,57px);font-family:Manrope;font-weight:600;letter-spacing:-2px;line-height:1.1;position:relative;z-index:1}.brand-display i{font-family:Georgia;font-weight:400}.brand-display b{position:absolute;font-size:160px;right:-5px;bottom:3px;line-height:1;color:var(--orange)}.brand-display small{position:absolute;bottom:22px;font-size:7px;letter-spacing:2px}.work-digital .work-visual{background:#c7b9db;padding:63px 30px 0}.browser-mock{background:var(--paper);border-radius:9px 9px 0 0;transform:rotate(4deg);height:345px;box-shadow:-12px 14px 0 #75589930}.browser-bar{border-bottom:1px solid var(--line);height:28px;display:flex;align-items:center;gap:4px;padding:0 12px}.browser-bar i{width:4px;height:4px;background:#bdc6b9;border-radius:50%}.browser-bar span{font-size:7px;margin:auto}.mock-content{padding:25px;position:relative;height:290px;overflow:hidden}.mock-content>small{font-size:6px;letter-spacing:1px}.mock-content strong{font-size:clamp(24px,3vw,46px);letter-spacing:-2px;display:block;line-height:1.1;margin-top:16px}.mock-content strong i{color:var(--teal);font-family:Georgia;font-weight:400}.mock-button{background:var(--teal);color:white;font-size:7px;border-radius:20px;padding:9px 14px;display:inline-block;margin-top:20px}.mock-chart{position:absolute;bottom:10px;right:20px;display:flex;align-items:flex-end;height:70px;gap:9px}.mock-chart span{width:24px;height:25px;background:var(--orange);border-radius:3px}.mock-chart span:nth-child(2){height:40px;background:var(--pink)}.mock-chart span:nth-child(3){height:33px;background:var(--purple)}.mock-chart span:nth-child(4){height:55px;background:#86b7a4}.mock-chart span:nth-child(5){height:70px;background:var(--teal)}.work-caption{display:flex;justify-content:space-between;padding:22px 0;align-items:center}.work-caption h3{font-size:19px;letter-spacing:-.5px}.work-caption p{font-size:11px;color:#747c72;margin-top:6px}.work-caption>span{font-size:28px}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-top:100px;padding-bottom:100px}.about-art{position:relative;background:#fff;border-radius:50% 50% 8px 8px;padding:20px;transform:rotate(-4deg)}.about-art img{display:block;width:100%;mix-blend-mode:multiply}.about-seal{background:var(--orange);border-radius:50%;width:120px;height:120px;display:flex;align-items:center;justify-content:center;font-size:10px;line-height:1.6;letter-spacing:1px;position:absolute;bottom:-25px;right:-20px;transform:rotate(12deg);text-align:center}.about h2{font-size:clamp(32px,3.8vw,54px);margin:22px 0}.about-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#626967;margin-bottom:15px}.about-copy .text-link{margin-top:12px}.process{border-top:1px solid var(--line);padding-top:60px}.process h2{font-size:clamp(34px,3.5vw,50px)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.steps article{border-top:2px solid var(--teal);padding-top:22px}.steps article:nth-child(2){border-color:var(--pink)}.steps article:nth-child(3){border-color:var(--purple)}.steps span{font-size:9px;letter-spacing:1.5px}.steps h3{font-size:22px;letter-spacing:-.7px;margin:18px 0 12px}.steps p{font-size:13px;color:#626967;line-height:1.8}.contact{background:#dce8be;display:grid;grid-template-columns:1.1fr 1fr;gap:10%;padding-top:85px;padding-bottom:85px}.contact h2{font-size:clamp(45px,5.4vw,78px);margin:26px 0;position:relative}.contact h2 em{color:var(--teal)}.contact h2>span{position:absolute;bottom:10px;right:0;color:var(--pink);font-size:80px;animation:spin 35s linear infinite}.contact-copy>p:last-child{font-size:14px;line-height:1.8;max-width:340px;color:#4f6151}form{padding-top:5px}form h3{font-size:22px;letter-spacing:-.6px;margin-bottom:25px}label{display:block;font-size:10px;font-weight:600;margin:17px 0 8px}input,select,textarea{background:transparent;color:var(--ink);border:0;border-bottom:1px solid #9cac88;border-radius:0;width:100%;padding:10px 0 13px;outline:none;font-size:13px}input:focus,select:focus,textarea:focus{border-bottom:2px solid var(--teal)}textarea{resize:vertical}form .button{margin-top:24px;width:100%}.form-note{font-size:10px;line-height:1.6;color:#536346;margin-top:15px}#form-status{font-size:12px;margin-top:12px;line-height:1.6}footer{padding:40px 5%;display:flex;gap:30px;align-items:center;justify-content:space-between;flex-wrap:wrap}footer .brand{font-size:17px}footer .brand small{font-size:6px;letter-spacing:2px}footer p{font-size:11px}footer>span{font-size:9px;color:#737b71}footer button{font-size:11px;background:none;border:0;padding:0;border-bottom:1px solid #a3aaa3;padding-bottom:5px}.back-top{font-size:24px}dialog{background:var(--paper);color:var(--ink);border:0;padding:55px;max-width:620px;width:90%;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#172929aa;backdrop-filter:blur(5px)}dialog h2{font-size:42px;margin:20px 0}dialog>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#626967}dialog .button{margin-top:25px}.dialog-close{position:absolute;top:10px;right:20px;background:none;border:0;font-size:30px}.skip{position:fixed;top:-100px;left:20px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);background:var(--ink);color:white;padding:15px 25px;border-radius:40px;font-size:13px;opacity:0;pointer-events:none;transition:.3s;z-index:10}#toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes nudge{50%{transform:translate(7px,-7px)}}@keyframes breathe{50%{transform:scale(.82) rotate(25deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(min-width:1600px){.section{padding-left:max(7%,calc((100vw - 1450px)/2));padding-right:max(7%,calc((100vw - 1450px)/2))}}@media(max-width:1050px){header{gap:15px}nav{gap:15px;font-size:11px}.hero{gap:5%;padding-top:40px}h1{letter-spacing:-4px}.spark{right:-8px;font-size:.55em}.hero-actions{gap:15px;flex-wrap:wrap}.hero-actions .button{padding:16px 20px;gap:20px}.section{padding:65px 6%}.section-heading{gap:25px}.section-heading>p{max-width:260px}.work-visual{height:330px}.work-brand .work-visual{padding:65px 28px 35px}.service-body{grid-template-columns:1fr 1fr;gap:20px}.service-body a{grid-column:1/-1;justify-self:start}.contact{gap:7%}.contact h2>span{font-size:60px;right:-10px}.brand{font-size:18px}.brand small{font-size:7px;letter-spacing:2px}.steps{gap:25px}}@media(max-width:720px){header{height:82px;margin:0 6%}header>.button{display:none}.menu{display:block;background:none;border:0;font-size:23px;padding:10px}nav{display:none;position:absolute;top:81px;left:0;right:0;background:var(--paper);padding:25px 6%;z-index:5;border-bottom:1px solid var(--line);font-size:14px}nav.open{display:flex;justify-content:space-between}.brand-symbol{font-size:45px}.hero{display:block;padding:35px 6% 45px}.eyebrow{font-size:8px;letter-spacing:1.3px}h1{font-size:clamp(57px,12.8vw,88px);letter-spacing:-4px;max-width:540px;margin-top:23px}.spark{right:5%;top:1.6em;font-size:.65em}.intro{font-size:14px}.hero-actions{gap:23px}.hero-art{margin:40px 15px 0 15px;padding:0}.art-label{font-size:7px}.t2 span{font-size:30vw}.t4 span{font-size:28vw}.t6 span{font-size:28vw}.t8 span{font-size:32vw}.t1 i{border-width:24px}.art-sticker{bottom:55px;left:-15px;padding:12px 20px;font-size:12px}.art-sticker b{font-size:21px}.art-bottom{font-size:6px}.art-bottom button{font-size:7px}.ticker{padding:15px 0;margin-top:0}.ticker>div{font-size:22px;gap:25px}.section{padding:50px 6%}.tiny-note{display:none}.section-top{margin-bottom:26px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{max-width:none;margin-top:22px;font-size:13px}h2{font-size:37px;letter-spacing:-1.8px}summary{gap:20px;padding:20px 0}.service-title{font-size:36px;letter-spacing:-1.4px}.service-tag{font-size:7px;letter-spacing:.7px}.plus{margin-left:0;font-size:24px}.service-body{padding-left:32px;display:block;font-size:12px}.service-body ul{margin:15px 0}.service-body a{display:inline-block;margin-top:10px}.work-grid{grid-template-columns:1fr;gap:15px}.work-visual{height:340px}.brand-display>span{font-size:43px}.mock-content strong{font-size:38px}.work-caption{padding:20px 0}.about{grid-template-columns:1fr;gap:55px}.about-art{max-width:430px;margin:0 18px}.about h2{font-size:40px}.about-seal{width:100px;height:100px;font-size:8px}.steps{grid-template-columns:1fr;gap:30px;margin-top:30px}.steps h3{margin-top:12px}.contact{grid-template-columns:1fr;gap:45px}.contact h2{font-size:55px;letter-spacing:-3px}.contact h2>span{right:10%;font-size:75px}.contact-copy>p:last-child{max-width:none}.contact form{padding-top:25px;border-top:1px solid #a5b78f}footer{padding:35px 6%;gap:25px}footer p{width:50%}footer>span{order:5;width:80%}.back-top{order:6}dialog{padding:40px 25px}dialog h2{font-size:33px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
html,body{overflow-x:clip}.brand-symbol{position:relative;width:96px;height:96px;overflow:visible;flex-shrink:0;padding:0;font-size:0;background:transparent}.brand-symbol span{display:none}.brand-symbol:after{content:"";position:absolute;inset:0;width:100%;height:100%;background:url(/assets/mosaic-logo-header.webp) center/contain no-repeat;mix-blend-mode:multiply}@media(max-width:720px){.brand-symbol{width:74px;height:74px}}

.contact-direct{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:28px}.contact-email{font-size:clamp(12px,1.3vw,17px);font-weight:600;border-bottom:1px solid #8b9f78;padding-bottom:7px;overflow-wrap:anywhere}.contact-email span{margin-left:12px}.whatsapp{background:var(--teal);color:white;padding:16px 22px;font-size:12px}.whatsapp:hover{background:var(--ink)}.contact-phone{font-size:12px;letter-spacing:1px}.download-brief{display:block;background:transparent;border:0;border-bottom:1px solid #8b9f78;padding:7px 0;margin:14px auto 0;font-size:11px;color:var(--ink)}.download-brief:hover{color:var(--teal)}

.about-art.portrait{padding:0;background:#e4e9d5;overflow:visible;transform:rotate(-3deg);border-radius:48% 48% 8px 8px}.about-art.portrait img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;mix-blend-mode:normal;border-radius:48% 48% 8px 8px}.about-art.portrait .about-seal{z-index:1}@media(max-width:720px){.about-art.portrait{margin:0 12px 0 4px}}

/* SEO: image proportions */
img{height:auto}