/* A louder editorial direction for Blue Camel. */
:root{--blue:#193efa;--ink:#161616;--paper:#f4f4ef;--lime:#ddff55;--line:#c8c8bf}body{overflow-x:hidden}header{background:var(--blue);color:white;border:none;height:90px}.brand{font-size:34px;letter-spacing:-2px}nav button{color:white;border-color:#ffffff66}nav a:hover{color:var(--lime)}.hero{background:var(--blue);color:white;grid-template-columns:1.3fr 1fr;min-height:700px;padding:40px 5% 90px;gap:0;position:relative}.hero-copy{z-index:2;padding-top:36px}.eyebrow{font-size:13px;letter-spacing:1.3px}h1{font-size:clamp(75px,9.3vw,145px);font-weight:800;letter-spacing:-9px;line-height:.99;margin:45px 0 30px;white-space:nowrap}h1 em{color:var(--lime);position:relative}.intro{color:#e3e9ff;font-size:18px;max-width:365px}.pill{background:var(--lime);color:#111;border-radius:8px;font-weight:700;transform:rotate(-3deg);margin-top:22px;padding:20px 24px;transition:transform .2s,background .2s}.pill:hover{background:white;transform:rotate(0) translateY(-4px)}.hero-art{align-self:center;min-height:480px;height:480px;margin-top:18px;transform:rotate(7deg);border:9px solid #f5f4ed;border-radius:0;overflow:visible;box-shadow:15px 18px 0 #1026a5;background:#c8d0dc}.hero-art img{object-position:75% center;filter:saturate(1.22);height:calc(100% - 45px);}.art-caption{display:none}.art-index{bottom:0;background:#f5f4ed;color:#111;left:0;right:0;height:45px;display:flex;align-items:center;justify-content:center;letter-spacing:1px;font-size:12px}.sticker{position:absolute;right:-22px;top:-38px;width:132px;height:132px;border-radius:50%;background:var(--lime);color:#151515;display:flex;align-items:center;justify-content:center;text-align:center;font-size:25px;font-weight:800;line-height:1.05;transform:rotate(12deg);z-index:3;box-shadow:3px 4px 0 #101010;animation:bob 5s ease-in-out infinite}.ribbon{position:relative;background:var(--lime);color:#121212;transform:rotate(-2deg);width:104%;margin:-22px -2% 0;padding:27px 7%;font-weight:800;font-size:20px;z-index:3;box-shadow:0 5px 0 #141414}.ribbon i{animation:spin 15s linear infinite}.approach{padding-top:125px;padding-bottom:95px;grid-template-columns:1fr 2fr}.approach h2{font-weight:800;font-size:clamp(38px,5vw,73px);letter-spacing:-4px}.approach .eyebrow{background:var(--lime);height:max-content;width:max-content;padding:12px;transform:rotate(-5deg)}.section-top{padding-top:50px}.section-top h2{font-weight:800;font-size:60px;letter-spacing:-3px}.services{display:flex;flex-direction:column}.services article{display:grid;grid-template-columns:55px 1fr 1fr;align-items:center;gap:25px;min-height:175px;padding:30px 15px;background:transparent;border:0;border-top:2px solid #171717;margin:0;transition:background .2s,padding .2s}.services article:last-child{border-bottom:2px solid #171717}.services article:hover{background:var(--lime);padding-inline:26px}.number{margin:0;color:#161616}.services h3{font-weight:800;font-size:38px;letter-spacing:-2px;margin:0}.services p{margin:0;font-size:17px}.services .tag{grid-column:2/4;font-size:12px;margin-top:-12px}.closing{background:#151515;position:relative;padding:90px 20px}.closing h2{font-weight:800;font-size:clamp(50px,7.5vw,112px);line-height:1.06;letter-spacing:-6px}.closing h2 em{font-style:normal;color:var(--lime)}.closing .eyebrow{color:var(--lime)}footer{background:var(--lime);color:#161616}footer p,footer>span{color:#333}[dir=rtl] h1{font-size:clamp(64px,7.8vw,118px);line-height:1.35;white-space:normal}[dir=rtl] .hero{padding:40px 5% 90px}[dir=rtl] .hero-art{transform:rotate(-7deg)}[dir=rtl] .services h3{font-size:32px}[dir=rtl] .sticker{font-family:Manrope,sans-serif}[dir=rtl] .services .tag{letter-spacing:0}@keyframes bob{50%{transform:translateY(-10px) rotate(2deg)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){header{height:80px}.brand{font-size:29px}.hero{padding:15px 6% 70px!important;min-height:auto;gap:30px}.hero-copy{padding:12px 0 0}.hero .eyebrow{font-size:11px;letter-spacing:1px}h1{font-size:clamp(61px,13vw,98px);letter-spacing:-4px;margin:28px 0 24px}.intro{font-size:17px;max-width:310px}.hero-art{width:86%;height:365px;min-height:365px;margin:0 5% 25px;align-self:center;transform:rotate(5deg)}.sticker{width:95px;height:95px;font-size:20px;right:-23px;top:-24px}.ribbon{font-size:13px;gap:12px;padding:22px 6%;flex-wrap:nowrap;white-space:nowrap;overflow:hidden;justify-content:flex-start}.ribbon i{font-size:22px}.approach{padding-top:75px;padding-bottom:55px}.approach h2{font-size:41px;letter-spacing:-2px}.section-top h2{font-size:41px;letter-spacing:-2px}.services article{grid-template-columns:28px 1fr;gap:18px;min-height:0;padding:27px 0}.services h3{font-size:29px;letter-spacing:-1px}.services p{grid-column:2;font-size:16px}.services .tag{grid-column:2;margin:0;font-size:11px}.services article:hover{padding-inline:10px}.closing h2{font-size:51px;letter-spacing:-3px}.closing{padding:65px 6%}[dir=rtl] h1{font-size:53px}[dir=rtl] .approach h2{font-size:36px}[dir=rtl] .services h3{font-size:28px}}@media(prefers-reduced-motion:reduce){.sticker,.ribbon i{animation:none}.pill,.services article{transition:none}}

html{overflow-x:clip}

.sticker{direction:ltr}body{position:relative;overflow-x:clip}

.process{padding:35px 6% 100px;background:#e9edff}.process .section-top{border:0}.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:45px}.process-grid article{border-top:2px solid var(--blue);padding-top:25px}.step-number{font-size:38px;font-weight:800;color:var(--blue);direction:ltr;display:inline-block}.process h3{font-size:27px;letter-spacing:-1px;margin:22px 0 16px}.process p:not(.eyebrow){font-size:17px;line-height:1.75;color:#40434c}.hero-art{max-width:460px;justify-self:end}.services .tag{color:var(--blue);font-weight:700}footer>span{font-size:12px}[dir=rtl] .process h3{letter-spacing:0}@media(max-width:760px){.process{padding:20px 6% 65px}.process-grid{grid-template-columns:1fr;gap:20px}.process h3{font-size:26px;margin:12px 0}.process-grid article{padding-top:20px}.hero-art{justify-self:center}}

.contact-email{display:block;width:fit-content;margin:25px auto 0;color:white;font-size:clamp(18px,3vw,28px);text-decoration:underline;text-underline-offset:6px}.contact-email:hover{color:var(--lime)}.contact-button{display:inline-flex;gap:35px}.nav-contact{color:var(--lime)}

.hero .intro{font-weight:700;font-size:clamp(19px,1.65vw,24px);max-width:440px;line-height:1.5;margin-bottom:14px}.hero-services{max-width:365px;font-size:16px;line-height:1.65;color:#e3e9ff;margin:0 0 10px}
/* Campaign concepts and enquiry refresh */
.hero .intro{max-width:510px}.services .deliverables{grid-column:2/4;color:var(--blue);font-size:14px;font-weight:700;max-width:800px}.concepts{padding:35px 6% 90px}.concept-note{max-width:690px;line-height:1.7;color:#52545c;margin:-15px 0 36px}.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.concept-poster{height:440px;position:relative;overflow:hidden;padding:25px;isolation:isolate}.concept-brand{font-size:15px;letter-spacing:3px;font-weight:800;display:block}.concept-badge{display:inline-block;font-size:9px;letter-spacing:.5px;margin-top:12px;border:1px solid currentColor;padding:6px 8px}.poster-head{position:relative;z-index:2;font-family:Manrope,sans-serif;font-size:clamp(27px,3vw,45px);font-weight:800;line-height:1.04;letter-spacing:-2px;margin-top:36px}.coffee{background:#5826bb;color:#f8f07b}.coffee .poster-shape{position:absolute;width:140px;height:170px;background:#f8f07b;bottom:20px;left:calc(50% - 70px);border-radius:8px 8px 55px 55px;transform:rotate(-14deg);box-shadow:15px 15px 0 #361779}.coffee .poster-shape:before{content:'';position:absolute;width:55px;height:68px;right:-38px;top:26px;border:15px solid #f8f07b;border-radius:50%;z-index:-1}.coffee .poster-shape:after{content:'AFTER HOURS';position:absolute;top:65px;left:22px;font-size:14px;font-weight:800;color:#5826bb;width:100px;line-height:1.3}.beauty{background:#f7bbb0;color:#542920}.beauty .poster-shape{position:absolute;width:108px;height:170px;border-radius:25px 25px 12px 12px;background:linear-gradient(90deg,#eee8da,#fffaf0 45%,#d3cdbf);bottom:15px;left:calc(50% - 54px);transform:rotate(13deg);box-shadow:22px 16px 0 #ca807333}.beauty .poster-shape:before{content:'';position:absolute;width:66px;height:35px;background:#542920;top:-25px;left:21px;border-radius:5px 5px 0 0}.beauty .poster-shape:after{content:'BARE / DAY';position:absolute;top:65px;left:12px;font-size:18px;letter-spacing:2px;font-weight:800}.active{background:#deff55;color:#1737b8}.active .poster-shape{position:absolute;width:230px;height:110px;border:25px solid #1737b8;transform:rotate(-35deg);bottom:30px;left:calc(50% - 115px);border-radius:80px;box-shadow:30px 30px 0 #1737b822}.concept-copy{padding:25px 0}.concept-copy .eyebrow{font-size:10px;margin-bottom:15px}.concept-copy h3{font-size:24px}.concept-copy>p:last-child{font-size:15px;line-height:1.75;color:#52545c}.brief-form{max-width:720px;margin:40px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:start}.brief-form label{display:flex;flex-direction:column;gap:10px;font-size:14px}.brief-form input,.brief-form select,.brief-form textarea{width:100%;min-width:0;background:#252525;border:1px solid #777;color:white;border-radius:6px;padding:15px;font:inherit}.brief-form textarea{resize:vertical}.brief-form .full{grid-column:1/-1}.form-note{font-size:13px!important;color:#bfc2c9!important;line-height:1.7;margin:0}.form-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.form-actions .pill{margin:0;transform:none;border:0;cursor:pointer}.copy-brief{border:0;border-bottom:1px solid #aaa;background:none;color:white;padding:8px 0;cursor:pointer}.brief-form input:focus-visible,.brief-form select:focus-visible,.brief-form textarea:focus-visible{outline:3px solid var(--lime);outline-offset:3px}[dir=rtl] .poster-head{font-family:'Noto Sans Arabic',sans-serif;letter-spacing:-1px;line-height:1.5;font-size:32px}[dir=rtl] .poster-shape{direction:ltr}[dir=rtl] .concept-badge{letter-spacing:0}[dir=rtl] .closing h2{font-size:clamp(40px,6vw,80px)}
@media(min-width:761px) and (max-width:1050px){.concept-grid{gap:15px}.concept-poster{padding:18px;height:415px}.poster-head{font-size:30px}[dir=rtl] .poster-head{font-size:25px}nav{gap:18px}}
@media(max-width:760px){.concept-grid{grid-template-columns:1fr}.concept-poster{height:420px}.poster-head{font-size:45px}.concepts{padding:20px 6% 55px}.concept-copy{padding:22px 0 30px}.brief-form{grid-template-columns:1fr}.services .deliverables{grid-column:2}.hero .intro{font-size:20px}.closing h2{font-size:46px}.concept-note{margin-top:0}[dir=rtl] .poster-head{font-size:35px}}
.hero-art{width:100%;min-width:0}[dir=rtl] .poster-head{font-size:30px;line-height:1.35}@media(max-width:760px){.hero-art{width:86%}}