/* Letícia's scrapbook: pink paper, handwritten notes and family photographs. */
:root{--accent:#a51c55;--pink:#ee408a;--blush:#ffd5e3;--paper:#fffaf1;--ink:#302329;--line:#e7adc1}
body{background:#f6efdf;background-image:repeating-linear-gradient(115deg,transparent 0 90px,#dfd4bd33 91px 92px,transparent 94px 210px)}
.page{max-width:1060px;margin:32px auto;background:#fff4f8;box-shadow:0 10px 70px #63433612}.section{padding:58px 6%}.side-nav{display:none}
.hero{aspect-ratio:auto;min-height:620px;isolation:isolate;background-color:#c6a887;background-image:linear-gradient(#78624b24 1px,transparent 1px),linear-gradient(90deg,#78624b24 1px,transparent 1px);background-size:22px 22px;color:var(--ink);overflow:hidden}
.hero:before{content:'';position:absolute;inset:30px 4% 24px 5%;background:var(--paper);transform:rotate(-2deg);box-shadow:4px 7px 12px #533c3929;z-index:-1;clip-path:polygon(0 1%,98% 0,100% 98%,1% 100%)}
.hero:after{inset:40px auto auto -20px;width:190px;height:190px;background:var(--pink);clip-path:polygon(50% 0,60% 30%,85% 10%,75% 40%,100% 50%,72% 60%,85% 90%,57% 72%,40% 100%,37% 69%,5% 80%,24% 55%,0 35%,33% 37%);z-index:-1}
.hero-picture{position:absolute;left:7%;top:105px;width:41%;height:420px;background:white;border:10px solid white;border-bottom-width:44px;transform:rotate(-7deg);box-shadow:3px 8px 14px #3b243326;overflow:hidden}
.hero .hero-photo{inset:auto;left:50%;top:50%;width:376px;height:430px;max-width:none;transform:translate(-50%,-50%) rotate(90deg);object-fit:cover;object-position:65% center}
.photo-note{position:absolute;left:0;right:0;bottom:-39px;text-align:center;font:30px var(--script)}
.hero-picture{overflow:visible}.hero-picture .hero-photo{clip-path:inset(0)}
.hero-name{left:45%;right:7%;top:145px;bottom:auto;transform:rotate(3deg);text-shadow:none;background:var(--pink);padding:36px 12px 26px;box-shadow:8px 8px 0 #ffd5e3;color:white}
.hero h1{font:106px/.75 var(--script)}.hero h1 span{font:100px/.85 var(--script);margin:4px 0 0 35px;letter-spacing:0}.hero-name p{font-size:12px;margin-top:23px;letter-spacing:.04em;color:#3c1021;background:#fff6ec;display:inline-block;padding:5px 9px}
.hello-sticker{position:absolute;left:12%;top:40px;font:43px/.9 var(--script);border:2px solid var(--ink);border-radius:45% 45% 45% 3%;background:var(--paper);padding:9px 17px;transform:rotate(-12deg);z-index:3}
.portfolio-stamp{position:absolute;right:8%;top:54px;border:2px solid var(--pink);border-radius:50%;padding:10px 15px;font:700 11px/1.2 var(--sans);text-align:center;transform:rotate(8deg);color:var(--accent)}
.hero-mini{position:absolute;left:53%;right:10%;bottom:98px;display:flex;gap:14px}.hero-mini img{width:calc((100% - 28px)/3);aspect-ratio:1;border-radius:50%;border:4px solid white;box-shadow:2px 3px 0 #eabcce}
.hero-bottom{color:var(--ink);bottom:36px;font:600 11px var(--sans);letter-spacing:.13em;left:8%;right:8%}
.about{background:var(--blush);gap:8%;padding-block:75px}.about-photo{padding:0 0 10px;background:#fff9f5;transform:rotate(-4deg);border:1px solid #9e4967;box-shadow:9px 9px 0 #ef9fbc}.about-photo:after{display:none}.about-photo img{filter:none;aspect-ratio:3/4}.window-bar{display:flex;gap:12px;align-items:center;background:var(--pink);padding:9px 12px;color:#fff;font-size:10px;letter-spacing:2px}.window-bar span{font:11px var(--sans);letter-spacing:0}.about-copy .ruled{display:block;border:1.5px solid var(--ink);border-radius:4px;background:var(--paper);box-shadow:4px 4px 0 #ad8f96;width:fit-content;padding:7px 25px;font:34px var(--script);transform:rotate(2deg);margin-bottom:30px}.ruled:before{display:none}.intro{border:1.5px solid var(--pink);border-radius:50%;padding:12px 16px;width:fit-content;transform:rotate(-3deg);font-style:italic}.about-copy h2{font-size:83px}.about-links .pill,.partnership .pill{background:var(--accent);border-radius:6px;box-shadow:4px 4px 0 #eab224}
.services{background:#efa6c1;gap:9%}.services h2{font-size:55px}.services h2 em{display:block;font:63px/.9 var(--script);color:#5c1337;margin-top:10px}.services li strong{font-weight:700}.services>img{border:8px solid #fff4ef;box-shadow:9px 9px 0 #c93676;transform:rotate(4deg);aspect-ratio:4/5}.ugc{background:#fff0f5}.ugc h2{font-size:53px}.ugc-photos img{border:5px solid white;box-shadow:4px 5px 0 #f2acc8}.ugc-photos img:first-child{transform:rotate(-5deg)}.ugc-photos img:last-child{transform:rotate(4deg)}.ugc-details .pill{border:1.5px solid var(--pink);border-radius:50%;transform:rotate(-5deg)}
.brands{background:#fff8fb;text-align:center;border:0}.scrap-heading>span{color:var(--pink);font-size:28px;letter-spacing:10px}.scrap-heading h2{font:40px/.95 var(--serif);text-transform:uppercase}.scrap-heading h2 em{display:block;font:43px/1 var(--script);text-transform:none;color:var(--accent);margin-top:8px}.brand-logo{background:transparent}.brand-grid{gap:25px;margin-top:35px}
.work{background:#efcddd}.section-title{background:transparent;color:var(--accent);padding:44px 6% 12px;text-align:center}.section-title h2{font-size:48px}.section-title h2 span{display:block;font:13px var(--sans);letter-spacing:.14em}.section-title h2 em{font:74px/.95 var(--script);display:block;margin-top:4px}.campaigns{padding-top:28px}.phone{border:6px solid #fff9f1;outline:2px solid #e86b9d;box-shadow:7px 9px 0 #d69bb9;border-radius:28px}.phone:before{background:#fff9f1}.campaign-info h3{font-weight:600}.campaign-info .eyebrow{color:#67384b}.campaign-info .circle-link{color:#782046}.personal{background:#ffe7ef}.personal-heading h2 em{font-family:var(--script);font-size:1.35em}.personal-photo{box-shadow:3px 6px 0 #dda7ba;border:0;transform:rotate(-2deg)}.personal-photo:nth-child(even){transform:rotate(3deg) translateY(9px)}
.metrics{background:#f24a91;position:relative}.stats-heading .eyebrow{color:#3f1529}.stats-heading h2{color:#401329}.stats-heading h2 em{font-family:var(--script);font-size:1.35em;color:#401329}.stats-heading>p:last-child{color:#401329}.social-stat{border:1px solid #7c2944;border-radius:4px;box-shadow:5px 5px 0 #aa2e66;background:#fffaf2}.social-stat:hover{background:#fff0f4}.social-stat:nth-child(2){transform:rotate(1deg)}.social-stat .stat-number,.result-main .stat-number{color:#ac1552}.likes-note,.likes-note span,.likes-note strong{color:#391025}.results-panel{background:#fffaf2;border:1px solid #8e4260;border-radius:5px;box-shadow:6px 7px 0 #c53672}.results-header h3{font-family:var(--serif);font-size:26px;font-weight:600}.audience-panel{background:#fff0f4;margin-top:28px;padding:26px;border:1px solid #974661;border-radius:4px}.metrics>.source-note{color:#401329}.metrics>.sources{background:#fff0f4;padding:0 18px;border-radius:4px;border:1px solid #974661}.likes-note{margin-bottom:25px}
.gallery-section{background:#fff0f5;padding-top:55px;padding-bottom:55px}.gallery-heading h2{font-size:43px;color:var(--accent);letter-spacing:-.025em}.gallery-heading h2 em{font:67px/.9 var(--script);margin-top:2px}.gallery{gap:12px}.gallery-item{border:5px solid #fff;border-radius:3px;box-shadow:2px 3px 0 #e2b5c5}.gallery-item:has(img:is([src="/gallery/sheglam.jpeg"],[src="/gallery/4me.jpeg"],[src="/gallery/tropkos.jpeg"],[src="/gallery/4me2.jpeg"],[src="/gallery/tropkos2.jpeg"])){background:#fffaf5}.editorial-strip{border-block:7px solid #fffaf5}
.creative-process{text-align:center;background:#ffd9e7}.creative-process h2{font-size:45px;color:var(--accent);margin-top:14px}.creative-process h2 em{display:block;font:65px/.9 var(--script)}.creative-process ol{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:0;list-style:none;margin:38px 0 0;text-align:left}.creative-process li{border-top:1px solid #b5718c;padding-top:16px}.creative-process b{font:italic 32px var(--serif);color:var(--accent)}.creative-process h3{font:600 17px/1.3 var(--sans);margin:10px 0}.creative-process p{font-size:14px;line-height:1.6}
.partnership{background:#efa6c1}.partnership>img{border:9px solid #fff8ef;transform:rotate(-4deg);box-shadow:6px 6px 0 #dc6495}.partnership h2 em{color:#72183f}.contact{background:var(--paper)}.contact>h2{font-style:normal;color:var(--accent)}.contact>h2 em{font-family:var(--script);font-size:1.35em;text-transform:none}.contact-grid>img{border:8px solid white;box-shadow:6px 6px 0 #f4adca;transform:rotate(-3deg)}.contact-line:hover{background:#ffe2ed}footer{background:#ffd5e3;color:#5d203a;padding:15px 6%}
@media(max-width:700px){.section{padding:40px 6%}.hero{min-height:570px}.hero-picture{left:7%;top:130px;width:42%;height:340px}.hero .hero-photo{width:300px;height:350px}.hero-name{top:160px;right:6%;padding:28px 10px}.hero h1{font-size:78px}.hero h1 span{font-size:78px}.hero-name p{font-size:10px}.hero-mini{bottom:73px;right:8%;gap:8px}.hero-mini img{width:calc((100% - 16px)/3)}.hero-bottom{bottom:28px;font-size:9px}.about{gap:7%}.services h2{font-size:44px}.services h2 em{font-size:53px}.creative-process ol{grid-template-columns:repeat(2,1fr)}.section-title h2 em{font-size:63px}.gallery-heading h2{font-size:35px}.gallery-heading h2 em{font-size:53px}}
@media(max-width:480px){.page{margin:0}.hero{min-height:670px}.hero:before{inset:20px 5%}.hello-sticker{top:35px;left:10%;font-size:34px}.portfolio-stamp{top:37px;right:9%;font-size:9px}.hero-name{top:114px;left:14%;right:10%;padding:24px 10px 18px;transform:rotate(3deg)}.hero h1{font-size:80px}.hero h1 span{font-size:80px;display:inline;margin-left:10px}.hero-name p{font-size:11px;margin-top:16px}.hero-picture{top:305px;left:12%;width:66%;height:260px;transform:rotate(-7deg);border-width:7px;border-bottom-width:34px}.hero .hero-photo{width:219px;height:280px}.photo-note{bottom:-29px;font-size:25px}.hero-mini{left:auto;right:7%;bottom:103px;width:70px;display:grid;gap:8px}.hero-mini img{width:70px;border-width:3px}.hero-bottom{bottom:39px;font-size:9px;line-height:1.7;letter-spacing:.06em}.about{padding-top:50px;gap:40px}.about-photo{width:78%;margin:auto}.about-photo img{aspect-ratio:4/4.5}.about-copy .ruled{margin-bottom:24px}.about-copy h2{font-size:78px}.services>img{width:85%;margin:12px auto;aspect-ratio:1.1}.services h2 em{font-size:58px}.ugc-photos{margin:12px 0}.scrap-heading h2{font-size:35px}.scrap-heading h2 em{font-size:36px}.brand-grid{gap:20px 14px}.section-title{padding-top:36px}.section-title h2 em{font-size:58px}.campaigns{gap:24px 18px}.phone{border-width:5px;box-shadow:4px 5px 0 #d69bb9}.stats-heading h2{font-size:43px}.audience-panel{padding:22px 16px}.audience-facts{gap:9px}.audience-facts strong{font-size:24px}.gallery-heading h2{font-size:39px}.gallery-heading h2 em{font-size:60px}.creative-process h2{font-size:38px}.creative-process h2 em{font-size:56px}.creative-process ol{gap:24px 18px}.partnership>img{margin:0 auto}.contact-grid>img{margin:15px 0}.contact>h2{font-size:40px}.social-stat:nth-child(2){transform:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}