@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@700;800;900&display=swap');
:root{--cream:#f4eedf;--ink:#15191b;--red:#d92e2b;--purple:#d6c4ed;--hand:'Caveat','Segoe Print',cursive;--serif:'Playfair Display',Georgia,serif}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.075;filter:url(#paper-grain);mix-blend-mode:multiply}.texture-defs{position:absolute;width:0;height:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #5850a0;outline-offset:6px}.header-wrap{position:absolute;top:0;left:0;width:100%;z-index:5;padding:0 4%}.paper-header{max-width:1300px;margin:auto;min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--cream);padding:15px 4% 22px;filter:drop-shadow(0 5px 3px #46364d26);clip-path:polygon(0 0,100% 0,99.6% 34%,100% 57%,99% 99%,95% 97%,91% 100%,85% 97%,80% 99%,74% 97%,68% 100%,61% 98%,54% 100%,48% 97%,40% 100%,33% 98%,25% 100%,18% 97%,11% 100%,3% 97%,1% 75%)}.brand{font-family:var(--serif);font-weight:900;font-size:30px;line-height:.84;letter-spacing:-1.6px;display:flex;flex-direction:column;white-space:nowrap;transform:rotate(-2deg)}.red-dot{color:var(--red)}.navigation{display:flex;gap:24px;align-items:center}.nav-label{position:relative;border:0;background:none;padding:7px 3px;font-size:14px;font-weight:700}.nav-label:before{content:"";position:absolute;inset:3px -4px;background:#e8dfce66;transform:rotate(-3deg);z-index:-1}.nav-label:hover{color:var(--red)}.paint-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--red);color:var(--cream);font-family:var(--hand);font-size:24px;font-weight:700;padding:11px 27px 13px;clip-path:polygon(2% 9%,13% 4%,32% 5%,49% 0,68% 5%,87% 3%,98% 10%,100% 35%,98% 55%,100% 76%,97% 96%,71% 99%,54% 95%,32% 100%,15% 95%,1% 98%,0 71%,2% 52%,0 29%);transition:transform .18s,background .18s}.paint-button:hover{transform:rotate(-2deg) translateY(-2px);background:#bd2422}.header-call{font-size:21px;padding:9px 20px 11px;white-space:nowrap}.hero{isolation:isolate;position:relative;min-height:860px;height:min(900px,calc(100svh + 30px));background:radial-gradient(ellipse at 50% 55%,#e2d4f5 0%,#d7c4eb 53%,#cbb5e5 100%);overflow:hidden;padding-top:149px}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 118px,#fff1 119px,transparent 120px 230px);opacity:.7;z-index:-1}.hero-copy{text-align:center;position:relative;z-index:3;max-width:930px;margin:0 auto}h1{font-family:var(--serif);font-size:clamp(48px,5.3vw,76px);font-weight:900;letter-spacing:-2.5px;line-height:1.05;margin:0}h1 span{color:var(--red)}.handwritten{font-family:var(--hand);font-weight:600}.intro{font-size:25px;line-height:1.25;margin:24px 0 18px;letter-spacing:.3px}.main-call{min-width:190px;transform:rotate(-1deg)}.left-notes,.right-notes{position:absolute;inset:0;pointer-events:none;z-index:2}.note{font-size:26px;line-height:1.05;letter-spacing:.5px}.development{position:absolute;left:5.8%;top:164px;transform:rotate(-14deg)}.campaigns{position:absolute;right:5.8%;top:182px;transform:rotate(-9deg)}.arrow{position:absolute;fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.arrow-web{width:95px;left:9%;top:242px;transform:rotate(-8deg)}.scrap{position:absolute;display:inline-block;font-family:var(--hand);font-weight:700;font-size:43px;line-height:1;padding:23px 30px 26px;clip-path:polygon(0 9%,7% 5%,14% 8%,20% 1%,30% 5%,40% 1%,51% 5%,62% 2%,70% 6%,83% 1%,91% 5%,98% 3%,96% 20%,100% 32%,97% 46%,100% 60%,97% 75%,99% 96%,87% 94%,77% 99%,66% 95%,53% 100%,44% 95%,33% 98%,21% 94%,10% 99%,1% 96%,3% 81%,0 69%,3% 54%,0 37%,2% 24%);filter:drop-shadow(2px 5px 2px #291b3320)}.web-label{left:6.7%;top:345px;background:#ff797a;transform:rotate(-14deg);font-size:54px}.seo-label{left:9%;top:533px;background:#c6e86e;transform:rotate(10deg);font-size:55px;padding-inline:35px}.arrow-seo{left:15.5%;top:455px;width:88px;transform:rotate(12deg)}.rays{position:absolute;width:54px;left:4%;top:548px;stroke:var(--ink);stroke-width:3;fill:none}.google-label{right:4.5%;top:353px;background:var(--cream);transform:rotate(-12deg);font-size:37px;white-space:nowrap}.arrow-ads{right:12%;top:266px;width:90px}.tiktok-label{right:4%;top:535px;background:#202029;color:var(--cream);transform:rotate(-14deg);font-size:37px;white-space:nowrap}.arrow-tiktok{right:15%;top:457px;width:92px}.collage{position:absolute;width:min(780px,66vw);left:50%;transform:translateX(-50%);bottom:-78px;z-index:1}.collage img{width:100%;height:auto;display:block}.torn-bottom{position:absolute;bottom:-1px;height:70px;width:100%;background:var(--cream);clip-path:polygon(0 13%,2% 20%,4% 17%,6% 29%,8% 23%,10% 40%,12% 35%,15% 52%,17% 47%,19% 68%,22% 58%,25% 76%,28% 64%,31% 79%,35% 70%,38% 88%,42% 79%,46% 89%,49% 81%,52% 94%,56% 80%,60% 88%,64% 75%,68% 84%,72% 69%,76% 76%,80% 58%,84% 63%,88% 42%,91% 50%,94% 27%,97% 35%,100% 17%,100% 100%,0 100%);z-index:4}.whatsapp-note{position:absolute;bottom:60px;right:5%;font-size:21px;transform:rotate(-5deg);z-index:4;text-decoration:underline;text-underline-offset:5px}.menu-toggle{display:none}.mobile-menu{background:var(--cream);padding:20px;box-shadow:0 8px 15px #0001}.mobile-menu a,.mobile-menu button{display:block;border:0;background:none;padding:10px;font-weight:700}.mobile-menu[hidden]{display:none}dialog{border:0;background:var(--cream);max-width:470px;padding:45px;box-shadow:8px 12px 0 #0002}dialog::backdrop{background:#1e142a88;backdrop-filter:blur(4px)}dialog h2{font-family:var(--serif);font-size:36px;margin:15px 0}dialog p{line-height:1.6}.eyebrow{font-family:var(--hand);font-size:20px;color:var(--red)}.close-dialog{position:absolute;top:10px;right:12px;border:0;background:none;font-size:30px}
@media(min-width:1500px){.hero{height:950px;min-height:950px}.collage{width:850px}.development{left:11%}.web-label{left:12%}.seo-label{left:14%}.campaigns{right:11%}.google-label{right:10%}.tiktok-label{right:11%}.arrow-web{left:14%}.arrow-seo{left:20%}.arrow-ads{right:17%}.arrow-tiktok{right:20%}.rays{left:10%}}
@media(max-width:1100px){.navigation{gap:12px}.paper-header{padding-inline:3%}.hero{padding-top:145px;min-height:820px}.hero-copy{max-width:720px}h1{font-size:59px}.intro{font-size:23px}.development{left:4%;top:195px;font-size:23px}.campaigns{right:3%;top:205px;font-size:23px}.scrap{padding:20px 24px}.web-label{left:4%;top:355px}.google-label{right:2%;top:362px;font-size:31px}.seo-label{left:6%;top:533px}.tiktok-label{right:2%;top:535px;font-size:31px}.collage{width:740px;bottom:-50px}.whatsapp-note{bottom:62px;right:3%;font-size:19px}}
@media(max-width:760px){.header-wrap{padding:0 3%}.paper-header{min-height:94px;padding:16px 6% 23px}.brand{font-size:26px}.navigation,.header-call{display:none}.menu-toggle{display:flex;flex-direction:column;gap:7px;border:0;background:none;padding:15px 0 15px 15px}.menu-toggle span{width:28px;height:2px;background:var(--ink);transform:rotate(-4deg)}.hero{padding-top:136px;min-height:850px;height:850px}.hero-copy{padding:0 16px}h1{font-size:clamp(36px,7.6vw,56px);letter-spacing:-1.7px;line-height:1.12}.intro{font-size:22px;max-width:390px;margin:18px auto 15px;line-height:1.15}.desktop-break{display:none}.main-call{font-size:23px;padding:10px 24px 12px}.development{left:6%;top:391px;font-size:19px}.campaigns{right:7%;top:394px;font-size:19px}.arrow-web{left:10%;top:440px;width:60px;height:67px}.arrow-ads{right:17%;top:451px;width:55px;height:65px}.web-label{left:5%;top:498px;font-size:38px;padding:16px 25px;transform:rotate(-13deg)}.google-label{right:2%;top:512px;font-size:25px;padding:18px 19px}.seo-label{left:6%;top:617px;font-size:35px;padding:16px 25px}.tiktok-label{right:3%;top:624px;font-size:25px;padding:18px}.arrow-seo{left:15%;top:560px;width:55px}.arrow-tiktok{right:15%;top:568px;width:55px}.rays{left:0;top:630px;width:35px}.collage{width:560px;max-width:none;bottom:-25px}.whatsapp-note{bottom:37px;right:7%;font-size:18px}.torn-bottom{height:37px}.left-notes,.right-notes{z-index:2}.collage{z-index:1}.hero-copy{z-index:3}dialog{max-width:calc(100% - 36px);padding:35px}}
/* Real scanned-paper artwork keeps the torn fibers and overlapping scraps organic. */
.hero{background:#d6c4ed linear-gradient(#d6c4ed55,#d6c4ed55) center/cover no-repeat;background-image:linear-gradient(#d6c4ed55,#d6c4ed55),url('assets/lavender-torn-paper.png')}
.hero:before{background:none;opacity:0}
.development,.campaigns{font-weight:700;-webkit-text-stroke:.35px currentColor}
.scrap{isolation:isolate;background-image:linear-gradient(113deg,transparent 0 23%,#fff3 23.5%,#0000000b 24%,transparent 25%),linear-gradient(6deg,transparent 0 66%,#0000000c 66.7%,#ffffff36 67.4%,transparent 69%);box-shadow:inset 1px 2px 11px #fff3,inset -3px -4px 12px #36233218}
.scrap::before{content:"";position:absolute;inset:0;filter:url(#paper-grain);opacity:.24;mix-blend-mode:multiply;pointer-events:none;z-index:-1}
.scrap::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 6% 81%,#392c2324,transparent 28%),radial-gradient(ellipse at 85% 15%,#fff5,transparent 30%),linear-gradient(172deg,transparent 0 83%,#ffffff40 84%,transparent 86%);pointer-events:none;z-index:-1}
/* Use the alpha edge of a scanned-style scrap instead of a polygon cutout. */
.scrap{clip-path:none;-webkit-mask-image:url('assets/worn-paper-strip.png');mask-image:url('assets/worn-paper-strip.png');-webkit-mask-size:100% 135%;mask-size:100% 135%;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-image:url('assets/worn-paper-strip.png');background-size:100% 135%;background-position:center;background-repeat:no-repeat;background-blend-mode:multiply;box-shadow:none}
.scrap::before{opacity:.13}
.scrap::after{background:radial-gradient(ellipse at 6% 81%,#392c231a,transparent 28%),radial-gradient(ellipse at 85% 15%,#fff2,transparent 30%)}
@media(max-width:760px){.hero{height:1000px;min-height:1000px}.development{top:431px}.campaigns{top:434px}.arrow-web{top:477px}.arrow-ads{top:486px}.web-label{top:538px}.google-label{top:550px}.arrow-seo{top:600px}.arrow-tiktok{top:609px}.seo-label{top:657px}.tiktok-label{top:664px}.rays{top:670px}.collage{width:calc(100% + 12px);bottom:42px}.whatsapp-note{bottom:34px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}