@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{--ink:#133c3b;--teal:#087d80;--cream:#faf8f1;--orange:#ef803f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:94px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #133c3b18;background:var(--cream)}.brand{font-family:Manrope,sans-serif;font-size:24px;font-weight:800;letter-spacing:-1px}.brand span{color:var(--teal)}.brand small{display:block;font-size:10px;letter-spacing:3px;font-weight:500;margin-top:3px}nav{display:flex;gap:32px;align-items:center;font-size:14px}.navcta{padding:12px 20px;border:1px solid var(--ink);border-radius:30px}#menu{display:none}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:700px;padding:60px 6% 35px;align-items:center;overflow:hidden}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--teal)}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-2px}h1{font-size:clamp(46px,5.3vw,78px);line-height:1.08;margin:24px 0}em{font-style:normal;color:var(--teal)}p{line-height:1.7;color:#57716c}.herocopy>p{max-width:480px;font-size:18px}.actions{display:flex;align-items:center;gap:25px;margin:30px 0}.button{display:inline-block;padding:17px 25px;border-radius:35px;background:var(--teal);color:white;font-weight:600;font-size:14px}.textlink{font-weight:600;font-size:14px}.budget{display:flex;align-items:center;gap:12px;font-size:14px;margin-top:35px}.budget span{font-size:30px;color:var(--orange)}.heroimage{position:relative;height:610px;display:flex;align-items:center;justify-content:center}.heroimage img{height:100%;max-width:100%;object-fit:contain;position:relative;border-radius:180px 180px 40px 40px}.round{position:absolute;width:95%;aspect-ratio:1;border-radius:50%;background:#d6eae2}.beytag{position:absolute;bottom:38px;left:0;background:white;padding:18px 25px;box-shadow:0 10px 40px #123c3b12;border-radius:15px;transform:rotate(-4deg);font-weight:700}.beytag small{display:block;font-size:12px;font-weight:400;margin-top:5px}.section{padding:95px 6%}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}h2{font-size:clamp(34px,4vw,54px);line-height:1.15;margin:18px 0}h3{font-size:24px;letter-spacing:-.8px}.sectionhead>p{max-width:370px;margin-bottom:20px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.services article{padding:32px;background:white;border-radius:20px;border:1px solid #133c3b12}.number{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--teal)}.tags{border-top:1px solid #133c3b15;padding-top:18px;margin-top:25px;font-size:12px;font-weight:600}.audience{text-align:center;margin:30px 0 0;font-size:14px}.portfolio{background:#e9efe9}.filters{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.filters button{border:1px solid #133c3b25;background:transparent;padding:10px 20px;border-radius:30px;color:var(--ink);font-size:13px}.filters .active{background:var(--ink);color:white}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.work{border:0;text-align:left;background:transparent;padding:0;color:var(--ink)}.work img{width:100%;border-radius:16px;transition:transform .2s}.work:hover img{transform:translateY(-5px)}.work span{display:block;font-size:10px;letter-spacing:1.5px;margin-top:20px;color:var(--teal);font-weight:700}.work h3{font-size:20px;margin-top:10px}.note{font-size:12px;margin-top:25px}.process{display:grid;grid-template-columns:1fr 1fr;gap:70px}.process ol{list-style:none;margin:0;padding:0;counter-reset:steps}.process li{counter-increment:steps;border-bottom:1px solid #133c3b20;padding:20px 0 20px 55px;position:relative}.process li:before{content:'0' counter(steps);position:absolute;left:0;color:var(--orange);font-weight:700}.process li p{font-size:14px;margin-bottom:0}.contact{background:var(--ink);color:white;display:grid;grid-template-columns:1.3fr 1fr;gap:70px}.contact .eyebrow{color:#a6d5c5}.contact em{color:#efad73}.contact p{color:#c0d2cb;max-width:480px}.contactbuttons{display:flex;flex-direction:column;align-items:start;gap:12px;margin-top:25px}.whatsapp{background:#d2f3d3;color:var(--ink)}.secondary{border:1px solid #75948b;background:transparent}.location{padding:35px;border:1px solid #ffffff30;border-radius:20px;align-self:center}.location .number{color:#9bd2c2}.locationstatus{display:block;font-size:12px;background:#ffffff10;border-radius:8px;padding:14px;margin:20px 0}.location .textlink{font-size:12px}footer{padding:35px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px}.floating{position:fixed;bottom:20px;right:20px;padding:13px 20px;background:var(--teal);color:white;border-radius:30px;box-shadow:0 4px 20px #0002;font-size:13px;z-index:5}dialog{border:0;border-radius:15px;padding:18px;background:var(--cream);max-width:94vw;max-height:94vh}dialog::backdrop{background:#082b2ad9}dialog img{display:block;max-height:80vh;max-width:85vw;object-fit:contain;margin:auto}dialog p{text-align:center;margin:8px}#close{position:absolute;right:8px;top:8px;border:0;border-radius:50%;background:var(--ink);color:white;width:35px;height:35px;font-size:25px}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}@media(max-width:800px){header{height:80px}.brand{font-size:20px}#menu{display:block;background:none;border:0;font-size:26px;color:var(--ink)}nav{display:none;position:absolute;top:80px;left:0;right:0;padding:25px;background:var(--cream);z-index:10;flex-direction:column}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:40px}.heroimage{height:480px;margin-top:25px}.herocopy>p{font-size:16px}.actions{gap:15px;flex-wrap:wrap}.section{padding:60px 6%}.sectionhead{display:block}.services,.gallery{grid-template-columns:1fr}.gallery{gap:35px}.work img{max-height:540px;object-fit:contain;background:#fff}.process,.contact{grid-template-columns:1fr;gap:30px}footer{flex-direction:column;text-align:center}.beytag{left:5%}h1{font-size:50px}.contactbuttons .button{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.contact{grid-template-columns:1fr}.contact>div{max-width:900px}.contactbuttons{flex-direction:row;flex-wrap:wrap}

.faq{max-width:1050px;margin:auto}.faq details{border-bottom:1px solid #133c3b25;padding:22px 0}.faq summary{cursor:pointer;font-weight:600;font-size:18px}.faq details p{max-width:750px}.beycompanion{position:fixed;bottom:16px;left:16px;z-index:15;display:flex;flex-direction:column;align-items:start;pointer-events:none}#beyhello,#music{pointer-events:auto}#beyhello{width:86px;height:100px;overflow:hidden;border:2px solid white;border-radius:48px;background:#e4f3ed;padding:0;box-shadow:0 4px 20px #133c3b25}#beyhello img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;transform:scale(1.9);transform-origin:50% 20%}#beyspeech{background:white;border:1px solid #c6ded6;padding:12px 16px;border-radius:16px;max-width:260px;margin-bottom:8px;font-size:12px;box-shadow:0 5px 20px #133c3b15}#music{margin-top:6px;border:0;border-radius:20px;background:var(--ink);color:white;padding:9px 13px;font-size:11px}.bey-react{animation:beyWave .7s ease}.hero-react{animation:beyBounce .7s ease}@keyframes beyWave{0%,100%{transform:rotate(0)}25%{transform:rotate(-12deg) translateY(-6px)}65%{transform:rotate(10deg) translateY(-4px)}}@keyframes beyBounce{0%,100%{transform:translateY(0)}35%{transform:translateY(-14px) rotate(-2deg)}70%{transform:translateY(-5px) rotate(2deg)}}@media(max-width:800px){#beyhello{width:62px;height:72px}#beyspeech{max-width:210px;font-size:11px}.beycompanion{bottom:12px;left:10px}.floating{bottom:18px;right:10px}.faq summary{font-size:16px}}@media(prefers-reduced-motion:reduce){.bey-react,.hero-react{animation:none}}