body{background:#f8f2e6}.nav{border-bottom:1px solid rgba(23,58,73,.11);background:#f8f2e6d9;backdrop-filter:blur(12px);position:fixed}.hero{min-height:860px;padding-top:150px;grid-template-columns:.78fr 1.22fr;overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;inset:70px -5% -3% 24%;background:url("assets/anjinhos-background-transparente.png") center right/contain no-repeat;opacity:.18;mix-blend-mode:normal;filter:saturate(.82) contrast(.9);z-index:0;pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f8f2e6 0%,rgba(248,242,230,.98) 24%,rgba(248,242,230,.72) 48%,rgba(248,242,230,.22) 73%,rgba(248,242,230,.7) 100%);z-index:0;pointer-events:none}.hero-copy{align-self:start;padding-top:72px}.hero h1{font-size:clamp(58px,6.8vw,105px)}.hero .lead{max-width:470px}.hero-art{height:670px;z-index:1}.hero-portrait{display:flex;align-items:center;justify-content:center}.art-frame{padding:10px;background:#fffdf8;box-shadow:0 28px 65px rgba(49,51,42,.14);border-radius:49% 51% 46% 54%/42% 44% 56% 58%;overflow:hidden;transform:rotate(1.5deg);width:min(420px,72%);height:560px}.art-frame:before{content:"";position:absolute;inset:-22px;background:rgba(255,253,248,.35);border-radius:inherit;z-index:-1}.art-frame img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit;filter:none}.sun{width:145px;height:145px;right:-28px;top:24px}.handmade{left:10%;bottom:2%;background:var(--pink)}.s1{left:8%;top:1%}.s2{right:0;bottom:7%}.art-note{position:absolute;right:2%;bottom:18px;font-size:11px;line-height:1.45;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--muted);transform:rotate(-4deg)}.art-note span{color:var(--pink);font-size:20px}.manifesto{background:var(--ink);color:white;border:0;min-height:380px}.manifesto:before{content:"HISTÓRIAS • COR • TEXTURA • AFETO •";position:absolute;top:22px;left:0;width:100%;white-space:nowrap;overflow:hidden;color:#fff2;font:600 clamp(42px,6vw,88px) "Fredoka"}.manifesto strong{color:var(--yellow)}.portfolio{background:#fffdf8}.section-head{margin-left:8vw}.gallery{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:start}.work-wide{grid-column:auto;grid-row:span 2;display:block}.work-wide .photo img{height:810px}.work-wide .caption{padding-left:25px}.work:nth-child(2),.work.lower{max-width:none;margin:0}.work:nth-child(2) .photo img,.work.lower .photo img{height:340px}.photo{border-radius:4px;padding:10px}.photo img{border-radius:0}.work-wide .photo{transform:rotate(-1deg)}.work:nth-child(2) .photo{transform:rotate(1.5deg)}.work.lower .photo{transform:rotate(-1deg)}.showreel{background:#f8f2e6;border:0;position:relative}.showreel:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:#38bfc01d;left:-80px;top:-80px}.video-card video{border-radius:5px;border:10px solid white;transform:rotate(1deg)}.about{background:#fffdf8;grid-template-columns:.9fr 1.1fr}.about-image img{border-radius:8px;height:720px;transform:rotate(-1.4deg)}.about-copy{max-width:590px}.services{background:#f8f2e6}.service-grid{gap:0;border-top:1px solid var(--line)}.service-grid article{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;min-height:330px}.service-grid article+article{border-left:1px solid var(--line)}.book{background:#fffdf8}.book-image img{border-radius:5px;transform:rotate(1.5deg)}

.about-page{padding-top:88px}.about-page .about{min-height:calc(100vh - 88px);align-items:center}.about-page .about-copy h1{font:600 clamp(58px,6vw,92px)/.92 "Fredoka";letter-spacing:-.06em;margin:0 0 28px}.about-page .about-copy h1 em{font-family:Georgia,serif;font-weight:400;color:var(--pink)}.about-page .about-copy h1.about-greeting{font-size:clamp(48px,4.5vw,70px);line-height:.98;letter-spacing:-.05em}
.about-story{position:relative}.about-story>p{font-size:17px;line-height:1.78;color:var(--muted)}.about-story .story-intro{font-size:18px;line-height:1.72;color:var(--ink);max-width:575px}.story-note{position:relative;margin:30px 0 30px 38px;padding:23px 28px 21px;background:#f8f2e6;border-radius:32px 9px 32px 9px;box-shadow:0 13px 30px rgba(49,51,42,.07)}.story-note:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:var(--yellow);left:-9px;top:24px}.story-note span{display:block;margin-bottom:9px;color:var(--aqua);font-size:10px;letter-spacing:.16em;font-weight:800}.story-note p{margin:0;color:var(--muted);font-size:16px;line-height:1.72}.about-story .story-belief{max-width:520px}.about-story .story-purpose{max-width:520px;margin-left:42px}.about-story blockquote{max-width:545px;margin:32px 0 0 18px;border-left-width:3px;border-radius:0 22px 22px 0;padding:7px 20px;background:linear-gradient(90deg,rgba(245,202,66,.08),transparent)}
@media(max-width:850px){.story-note,.about-story .story-purpose,.about-story blockquote{margin-left:0}.about-story .story-intro,.about-story .story-belief,.about-story .story-purpose{max-width:none}}
.about-page .about-image-circle{width:min(560px,43vw);aspect-ratio:1;justify-self:center;padding:11px;background:#fffdf8;border-radius:50%;box-shadow:0 28px 65px rgba(49,51,42,.16);overflow:hidden;transform:rotate(-1.4deg)}
.about-page .about-image-circle:before{content:"";position:absolute;z-index:-1;width:118px;height:118px;left:-34px;bottom:48px;border-radius:50%;background:var(--yellow)}
.about-page .about-image-circle img{width:100%;height:100%;border:0;border-radius:50%;object-fit:cover;object-position:57% 47%;transform:none;filter:saturate(1.02) contrast(1.01)}
.about-page .about-copy h1.about-greeting{font-family:"Fredoka",sans-serif;font-weight:600;color:var(--ink);letter-spacing:-.055em}.about-page .about-copy h1.about-greeting em{font:inherit;font-style:normal;color:var(--pink)}.about-page .about-image-circle{overflow:visible}.photo-kicker{position:absolute;z-index:4;left:-42px;top:30px;padding:19px 27px 17px;background:#fffdf8;border-radius:34px 10px 34px 10px;box-shadow:0 14px 32px rgba(49,51,42,.14);color:var(--aqua);font:800 13px/1.12 "DM Sans";letter-spacing:.2em;text-align:left;transform:rotate(-7deg)}.photo-kicker em{display:block;margin-top:5px;color:var(--pink);font:600 33px/1 "Fredoka",sans-serif;letter-spacing:-.045em;white-space:nowrap}
@media(max-width:850px){.about-page .about-image-circle{width:min(560px,82vw)}}
@media(max-width:560px){.about-page .about-image-circle{width:88vw}.about-page .about-image-circle img{height:100%}.photo-kicker{left:-4px;top:20px;padding:11px 15px 10px}.photo-kicker em{font-size:21px}}

.home-intro{position:relative;z-index:3;padding:160px clamp(28px,7vw,112px) 115px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:9vw;align-items:center;background:#f8f2e6;border-bottom:1px solid var(--line);overflow:visible}
.home-intro:before{display:none}
.home-intro>*{position:relative;z-index:2}
.home-intro-copy{max-width:610px}.home-intro h2{font:600 clamp(45px,5vw,76px)/.94 "Fredoka";letter-spacing:-.055em;margin:0 0 28px}.home-intro h2 em{font-family:Georgia,serif;font-weight:400;color:var(--pink)}
.home-intro-copy>p:not(.eyebrow){font-size:17px;line-height:1.72;color:var(--muted)}
.home-intro-copy small{display:flex;align-items:center;gap:10px;margin-top:25px;font-weight:700;color:var(--ink)}.home-intro-copy small i{width:10px;height:10px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 6px rgba(56,191,192,.14)}
.home-intro-label{margin:0 0 16px;font-size:10px;letter-spacing:.17em;font-weight:800;color:var(--aqua)}
.home-intro-actions ul{list-style:none;margin:0 0 34px;padding:0;border-top:1px solid var(--line)}
.home-intro-actions li{display:flex;align-items:center;gap:18px;padding:17px 4px;border-bottom:1px solid var(--line);font:600 clamp(18px,1.8vw,25px) "Fredoka"}.home-intro-actions li span{color:var(--pink);font:700 11px "DM Sans"}
.home-intro-buttons{display:flex;align-items:center;gap:30px}.home-intro-buttons .button{box-shadow:0 7px 0 var(--yellow)}.text-link{font-weight:800;border-bottom:2px solid var(--pink);padding:9px 0}.text-link b{color:var(--pink);margin-left:7px}
@media(max-width:850px){.home-intro{grid-template-columns:1fr;gap:55px;padding:125px 24px 90px}.home-intro:before{top:-85px;right:-8vw;width:82vw;height:190px;background-size:660px auto}.home-intro-copy{max-width:680px}}
@media(max-width:560px){.home-intro{padding:105px 19px 75px}.home-intro:before{top:-65px;right:-26vw;width:110vw;height:155px;background-size:540px auto}.home-intro-buttons{align-items:flex-start;flex-direction:column;gap:18px}.home-intro h2{font-size:44px}}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:130px}.hero:before{inset:32% -12% -2% 8%;opacity:.15}.hero:after{background:linear-gradient(180deg,#f8f2e6 0%,rgba(248,242,230,.93) 36%,rgba(248,242,230,.3) 66%,rgba(248,242,230,.72) 100%)}.hero-copy{padding-top:20px}.hero-art{height:580px}.art-frame{height:500px;width:min(410px,70%)}.gallery{grid-template-columns:1fr 1fr}.work-wide{grid-column:1/-1}.work-wide .photo img{height:560px}.about{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.service-grid article+article{border-left:0}}
@media(max-width:560px){.nav{position:absolute}.hero:before{inset:42% -34% 0 -8%;opacity:.13}.hero-art{height:470px}.art-frame{height:405px;width:76%}.handmade{left:2%}.art-note{display:none}.gallery{grid-template-columns:1fr}.work-wide{grid-column:auto}.work-wide .photo img,.work:nth-child(2) .photo img,.work.lower .photo img{height:390px}.section-head{margin-left:0}.about-image img{height:470px}.manifesto:before{font-size:38px}}

.language{flex:0 0 auto;border:1px solid rgba(23,58,73,.2);border-radius:999px;background:#fffdf8;color:var(--ink);padding:8px 11px;font:800 11px/1 "DM Sans",sans-serif;letter-spacing:.08em;cursor:pointer;transition:transform .2s,background .2s,color .2s}
.language:hover{transform:translateY(-1px);background:var(--ink);color:#fff}
.language:focus-visible{outline:3px solid rgba(56,191,192,.32);outline-offset:2px}
@media(max-width:850px){.language{padding:7px 9px}}
.header-audio-player{display:flex;align-items:center;gap:9px;margin:0 auto 0 34px;padding:7px 14px 7px 8px;border:1px solid rgba(238,85,151,.34);border-radius:999px;background:#fffdf8;color:var(--pink);white-space:nowrap;transition:transform .25s ease}
.header-audio-player:hover{transform:translateY(-1px)}
.header-audio-player button{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;padding:0;border:0;border-radius:50%;background:var(--pink);color:#fff;cursor:pointer;box-shadow:0 3px 9px rgba(238,85,151,.25)}
.header-audio-player button span{font:800 12px/1 "DM Sans",sans-serif;margin-left:2px}.header-audio-player.is-playing button span{margin-left:0}
.header-audio-player strong{display:grid;gap:2px;font:700 10px/1.05 "DM Sans",sans-serif}.header-audio-player strong small{font:800 6px/1 "DM Sans",sans-serif;letter-spacing:.1em}.header-audio-player audio{display:none}
@media(max-width:1050px){.header-audio-player{margin-left:22px}.header-audio-player strong{display:none}.nav nav{gap:18px}}
@media(max-width:560px){.header-audio-player{margin-left:auto;padding:6px}.nav .brand{max-width:170px}.nav .nav-cta{padding-inline:12px}}
.hero:before{inset:72px -2% -5% 17%;opacity:.3;filter:saturate(.78) contrast(.88);mask-image:none}
.hero:after{background:linear-gradient(90deg,#f8f2e6 0%,rgba(248,242,230,.96) 22%,rgba(248,242,230,.52) 45%,rgba(248,242,230,.08) 72%,rgba(248,242,230,.28) 100%)}
@media(max-width:850px){.hero:before{inset:31% -15% -3% 3%;opacity:.24}.hero:after{background:linear-gradient(180deg,#f8f2e6 0%,rgba(248,242,230,.9) 34%,rgba(248,242,230,.16) 66%,rgba(248,242,230,.42) 100%)}}
@media(max-width:560px){.hero:before{inset:42% -36% -1% -10%;opacity:.2}}
.hero:before{opacity:.46;filter:saturate(.92) contrast(.94)}
.hero:after{background:linear-gradient(90deg,#f8f2e6 0%,rgba(248,242,230,.94) 21%,rgba(248,242,230,.38) 44%,rgba(248,242,230,.03) 73%,rgba(248,242,230,.15) 100%)}
@media(max-width:850px){.hero:before{opacity:.36}.hero:after{background:linear-gradient(180deg,#f8f2e6 0%,rgba(248,242,230,.88) 33%,rgba(248,242,230,.09) 65%,rgba(248,242,230,.3) 100%)}}
@media(max-width:560px){.hero:before{opacity:.31}}
.art-frame{width:min(610px,88%);height:500px}
@media(max-width:850px){.art-frame{width:min(610px,82%);height:450px}}
@media(max-width:560px){.art-frame{width:86%;height:330px}}

/* Prévia: anjos em cor real conectando a abertura à seção seguinte. */
.hero{overflow:visible;margin-bottom:0;padding-bottom:120px;height:min(90vh,900px)}
.hero:before{
  inset:58px -1% -155px 15%;
  opacity:1;
  filter:saturate(1.16) contrast(1.03);
  mix-blend-mode:normal;
  background-size:min(1020px,72vw) auto;
  background-position:right top;
}

/* Projeto autoral: preserva a ilustração completa, sem recorte nas laterais. */
.book{
  grid-template-columns:minmax(390px,.72fr) minmax(0,1.28fr);
  gap:5vw;
  padding-inline:clamp(24px,6vw,96px);
}
.book-image{width:100%;padding:10px;background:var(--paper);box-shadow:var(--shadow);transform:rotate(1.5deg)}
.book-image img{
  width:100%;
  height:auto;
  aspect-ratio:1500/972;
  object-fit:contain;
  border:0;
  border-radius:5px;
  box-shadow:none;
  transform:none;
}
@media(max-width:850px){
  .book{grid-template-columns:1fr;padding-inline:clamp(24px,6vw,56px)}
  .book-image{margin-top:18px}
}

/* Projeto autoral: composição mais orgânica, com movimento de formas e moldura artesanal. */
.book{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 18%,rgba(245,202,66,.2) 0 86px,transparent 88px),
    radial-gradient(circle at 94% 86%,rgba(56,191,192,.14) 0 150px,transparent 152px),
    #fffdf8;
}
.book:before{
  content:"✦  ·  ✧";
  position:absolute;
  z-index:-1;
  left:4.5vw;
  bottom:9%;
  color:var(--pink);
  font:600 clamp(25px,3vw,45px)/1 "Fredoka",sans-serif;
  letter-spacing:.32em;
  transform:rotate(-11deg);
  opacity:.8;
}
.book:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:230px;
  height:90px;
  right:38%;
  top:7%;
  border:3px solid rgba(241,97,157,.28);
  border-color:rgba(241,97,157,.28) transparent transparent transparent;
  border-radius:50%;
  transform:rotate(13deg);
}
.book-copy{
  position:relative;
  padding:48px 38px 44px;
  background:rgba(248,242,230,.72);
  border-radius:42px 12px 52px 16px;
  transform:rotate(-1deg);
  box-shadow:0 18px 45px rgba(49,51,42,.07);
}
.book-copy:after{
  content:"";
  position:absolute;
  width:18px;
  height:18px;
  right:26px;
  top:24px;
  border-radius:50%;
  background:var(--yellow);
  box-shadow:27px 18px 0 -5px var(--aqua),-16px 30px 0 -7px var(--pink);
}
.book-copy h2{font-size:clamp(48px,4.5vw,68px);line-height:.95}
.book-narration{display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;margin:26px 0 22px;padding:11px 16px 11px 12px;border:1px solid rgba(56,191,192,.32);border-radius:18px;background:rgba(255,253,248,.78);color:var(--ink);transform:rotate(.4deg)}
.book-narration i{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:var(--aqua);color:white;font-style:normal;font-size:17px}
.book-narration span{display:grid;gap:2px;line-height:1.25}
.book-narration strong{font-size:13px;letter-spacing:.02em}
.book-narration small{padding:0;border:0;background:transparent;color:var(--muted);box-shadow:none;transform:none;font:600 10px/1.3 "DM Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.book-copy small{
  border:0;
  background:var(--ink);
  color:white;
  box-shadow:0 6px 0 var(--yellow);
  transform:rotate(1.5deg);
}
.book-copy > small{position:relative;top:24px;margin-left:148px;transform:rotate(-7deg)}
.book-copy .book-narration small{padding:0;border:0;background:transparent;color:var(--muted);box-shadow:none;transform:none;font:600 10px/1.3 "DM Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.book-image{
  position:relative;
  border-radius:46px 15px 56px 20px;
  transform:rotate(1.7deg);
  box-shadow:14px 16px 0 var(--yellow),0 30px 65px rgba(49,51,42,.15);
}
.book-image:before{
  content:"feito à mão";
  position:absolute;
  z-index:2;
  right:-24px;
  top:-34px;
  width:105px;
  height:105px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--pink);
  color:white;
  text-align:center;
  font:700 11px/1.3 "Fredoka",sans-serif;
  letter-spacing:.09em;
  text-transform:uppercase;
  transform:rotate(9deg);
  box-shadow:0 12px 25px rgba(49,51,42,.18);
}
.book-image img{border-radius:36px 10px 46px 14px}
@media(max-width:850px){
  .book-copy{padding:42px 34px}
  .book-image{margin:35px 12px 0 0}
  .book:after{right:5%;top:42%}
}
@media(max-width:560px){
  .book-copy{padding:34px 24px;border-radius:32px 10px 40px 14px}
  .book-copy h2{font-size:44px}
  .book-image:before{right:-8px;top:-30px;width:82px;height:82px;font-size:9px}
  .book-image{box-shadow:8px 10px 0 var(--yellow),0 22px 45px rgba(49,51,42,.14)}
  .book-narration{width:100%;padding-right:12px}
  .book-copy > small{top:0;margin-left:16px}
}
html{scroll-behavior:auto}
.hero:after{
  background:linear-gradient(90deg,#f8f2e6 0%,rgba(248,242,230,.93) 24%,rgba(248,242,230,.2) 48%,rgba(248,242,230,0) 78%);
}
.hero-copy,.hero-art,.scroll{position:relative;z-index:2}
.hero-art{transform:translateY(22px)}
.manifesto{
  position:relative;
  z-index:1;
  margin-top:0;
  padding-top:165px;
  min-height:520px;
  clip-path:polygon(0 18%,10% 13%,22% 17%,34% 10%,48% 16%,61% 9%,75% 15%,88% 8%,100% 14%,100% 100%,0 100%);
}
.manifesto:after{
  content:"";
  position:absolute;
  left:52%;
  top:-112px;
  width:360px;
  height:160px;
  border-radius:50%;
  background:#f8f2e6;
  opacity:.12;
  filter:blur(2px);
}
.cloud-contact{
  position:fixed;
  z-index:20;
  right:28px;
  bottom:26px;
  width:190px;
  height:104px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:0 28px;
  color:#173a49;
  text-decoration:none;
  background:#fffdf8;
  border:3px solid #173a49;
  border-radius:52% 48% 45% 55%/55% 48% 52% 45%;
  box-shadow:0 12px 0 #f7ca3d,0 18px 35px rgba(23,58,73,.18);
  animation:cloud-float 3s ease-in-out infinite;
}
.cloud-contact:before,.cloud-contact:after{content:"";position:absolute;background:#fffdf8;border:3px solid #173a49;border-bottom:0;z-index:-1}
.cloud-contact:before{width:62px;height:49px;border-radius:50% 50% 0 0;left:18px;top:-24px;transform:rotate(-8deg)}
.cloud-contact:after{width:78px;height:58px;border-radius:50% 50% 0 0;right:24px;top:-31px;transform:rotate(8deg)}
.cloud-contact span{font:600 13px "DM Sans";letter-spacing:.04em}
.cloud-contact strong{font:700 17px "Fredoka";line-height:1.05;color:#ee5597}
.cloud-contact i{position:absolute;right:18px;bottom:14px;font-style:normal;font-size:21px;color:#25b9bd}
@keyframes cloud-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@media(max-width:850px){
  .hero{overflow:hidden;padding-bottom:70px}
  .hero:before{inset:29% -18% -100px 0;background-size:120% auto;opacity:.92}
  .manifesto{padding-top:120px;clip-path:polygon(0 12%,18% 8%,38% 13%,58% 7%,78% 12%,100% 8%,100% 100%,0 100%)}
}
@media(max-width:560px){
  .hero:before{inset:40% -44% -50px -10%;background-size:145% auto;opacity:.88}
  .cloud-contact{right:14px;bottom:16px;width:152px;height:82px;padding:0 20px}
  .cloud-contact strong{font-size:14px}.cloud-contact span{font-size:11px}
}

/* Mantém a composição aprovada e faz somente os anjos inferiores invadirem a faixa azul. */
.hero{z-index:2;isolation:auto}
.hero:before{z-index:1}
.hero:after{z-index:2}
.hero-copy,.hero-art,.scroll{z-index:3}
.manifesto{z-index:1;padding-top:210px}
.manifesto:after{display:none}
.manifesto>p{
  position:relative;
  z-index:4;
  width:min(720px,55vw);
  max-width:none;
  margin-left:auto;
  margin-right:8vw;
  text-align:left;
}
@media(max-width:850px){
  .manifesto{padding-top:190px}
  .manifesto>p{width:62%;margin-right:5vw}
}
@media(max-width:560px){
  .hero{overflow:visible}
  .manifesto>p{width:72%;margin-right:5vw;font-size:clamp(26px,8vw,42px)}
}

/* Direção aprovada no desenho: a massa de anjos ocupa toda a transição e desce pela faixa azul. */
.hero:before{
  inset:20px -2% -450px 10%;
  background-size:auto 1320px;
  background-position:right top;
}
@media(max-width:850px){
  .hero:before{inset:24% -24% -330px -2%;background-size:auto 1120px}
}
@media(max-width:560px){
  .hero:before{inset:35% -55% -250px -12%;background-size:auto 900px}
}

/* Texto recomposto para fechar o hero e continuar naturalmente na faixa azul. */
.hero-copy{
  max-width:520px;
  padding-top:92px;
}
.hero .lead{
  max-width:455px;
  margin-top:26px;
  line-height:1.65;
}
.hero .button{margin-top:27px}
.manifesto{
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  padding:210px 15vw 72px 8vw;
  clip-path:none;
  border-radius:0;
}
.manifesto:before{
  top:auto;
  bottom:18px;
  left:4%;
  width:92%;
  color:#fff0;
  -webkit-text-stroke:1px rgba(255,255,255,.1);
  font-size:clamp(48px,6.5vw,96px);
}
.manifesto>p{
  width:min(650px,48vw);
  margin:0;
  padding-left:34px;
  border-left:3px solid var(--pink);
  font-size:clamp(34px,2.95vw,47px);
  line-height:1.12;
  letter-spacing:-.035em;
}
.manifesto>p strong{
  display:block;
  margin-top:8px;
}
.manifesto>p small{
  display:block;
  margin-top:16px;
  font:500 clamp(16px,1.35vw,21px)/1.35 "DM Sans",sans-serif;
  letter-spacing:.01em;
  color:rgba(255,255,255,.78);
}
.manifesto-doodles{
  position:absolute;
  left:9vw;
  bottom:62px;
  width:min(360px,28vw);
  height:150px;
  color:var(--yellow);
  pointer-events:none;
}
.manifesto-doodles span{position:absolute;font:600 30px/1 "Fredoka",sans-serif}
.manifesto-doodles span:nth-child(1){left:3%;top:13%;font-size:44px;transform:rotate(-12deg)}
.manifesto-doodles span:nth-child(2){left:29%;top:3%;font-size:40px;color:var(--pink)}
.manifesto-doodles span:nth-child(3){left:50%;top:39%;font-size:35px;transform:rotate(16deg)}
.manifesto-doodles span:nth-child(4){left:78%;top:14%;font-size:25px;color:#fff}
.manifesto-doodles span:nth-child(5){left:88%;top:66%;font-size:25px;color:var(--pink);transform:rotate(10deg)}
.manifesto-doodles span:nth-child(6){left:24%;top:74%;font-size:46px;color:#fff}
@media(max-width:850px){
  .hero-copy{padding-top:28px}
  .manifesto{padding:195px 6vw 62px}
  .manifesto>p{width:62%;padding-left:24px}
  .manifesto-doodles{left:5vw;width:28vw}
}
@media(max-width:560px){
  .manifesto{padding:180px 7vw 48px;border-radius:0}
  .manifesto>p{width:76%;margin:0;padding-left:18px;font-size:clamp(27px,8vw,40px)}
  .manifesto>p small{margin-top:11px;font-size:14px}
  .manifesto-doodles{left:3vw;bottom:38px;width:18vw;transform:scale(.72);transform-origin:left bottom}
}

/* Ajuste aprovado: mais respiro para os anjos e a personagem adormecida livre do véu claro. */
@media(min-width:851px){
  .hero{
    min-height:945px;
    height:945px;
    padding-bottom:140px;
  }
  .hero:before{
    inset:8px 1% -420px 7%;
    background-size:auto 1360px;
    background-position:right top;
  }
  .hero:after{
    background:linear-gradient(90deg,#f8f2e6 0%,rgba(248,242,230,.96) 20%,rgba(248,242,230,.36) 33%,rgba(248,242,230,0) 41%);
  }
}

/* Processo criativo e serviços — estrutura pronta para receber as fotos finais. */
.creative-process{padding:120px 8vw;background:#173a49;color:#fffdf8;overflow:hidden}
.creative-process .section-head{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr;grid-template-areas:"eyebrow intro" "title intro";column-gap:8vw;row-gap:18px;align-items:end}
.creative-process .eyebrow{grid-area:eyebrow;align-self:end;margin:0;color:#f7ca3d}.creative-process h2{margin-bottom:0}.creative-process h2 em{color:#ee5597}
.section-intro{grid-area:intro;max-width:500px;margin:0 0 10px;color:rgba(255,255,255,.76);font-size:18px;line-height:1.75}
.process-showcase{max-width:1180px;margin:58px auto 0;padding:10px;background:#fffdf8;border-radius:28px;box-shadow:0 28px 70px rgba(0,0,0,.28);overflow:hidden}
.process-showcase video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#0d2834;border-radius:19px}
.process-showcase.is-caption-preview:after{content:"Darei vida à sua história com uma incrível técnica tridimensional,\A combinando massinha, papel e efeitos de pós-produção.";white-space:pre-line;position:absolute;left:50%;bottom:38px;z-index:4;transform:translateX(-50%);max-width:82%;padding:7px 12px;border-radius:5px;background:rgba(0,0,0,.78);color:#fff;text-align:center;font:600 clamp(15px,1.45vw,22px)/1.35 "DM Sans",sans-serif;text-shadow:0 1px 2px #000;pointer-events:none}
.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:68px}
.process-step:nth-child(2){margin-top:54px}.process-step:nth-child(3){margin-top:108px}
.process-photo{height:330px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:9px solid #fffdf8;border-radius:24px;box-shadow:0 22px 45px rgba(0,0,0,.18);color:#173a49}
.process-photo:before,.process-photo:after{content:"";position:absolute;border-radius:50%}
.process-photo:before{width:190px;height:190px;background:rgba(255,255,255,.3);left:-55px;top:-55px}
.process-photo:after{width:130px;height:130px;background:rgba(255,255,255,.2);right:-30px;bottom:-35px}
.process-photo-paper{background:#f2c7d8;transform:rotate(-1.6deg)}.process-photo-clay{background:#f7ca3d;transform:rotate(1.3deg)}.process-photo-digital{background:#41bec0;transform:rotate(-1deg)}
.process-photo span{position:absolute;left:18px;top:15px;font:700 14px "DM Sans"}.process-photo p{font:600 17px "Fredoka";letter-spacing:.03em;z-index:1}
.process-photo-digital video{width:100%;height:100%;object-fit:cover;display:block}
.process-photo-paper img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:grayscale(.18) sepia(.32) saturate(.62) contrast(.88) brightness(1.06);opacity:.94}
.process-photo-paper:before,.process-photo-paper:after{display:none}
.process-photo-paper span{z-index:2;width:34px;height:34px;display:grid;place-items:center;left:14px;top:14px;border-radius:50%;background:rgba(255,253,248,.92);box-shadow:0 5px 18px rgba(23,58,73,.2)}
.process-photo-digital:before,.process-photo-digital:after{display:none}
.process-photo-digital span{z-index:2;width:34px;height:34px;display:grid;place-items:center;left:14px;top:14px;border-radius:50%;background:rgba(255,253,248,.9);box-shadow:0 5px 18px rgba(23,58,73,.2)}
.drawing-to-clay{max-width:1180px;margin:42px auto 0;padding:78px 0 58px;border-top:1px solid rgba(255,255,255,.18)}
.drawing-to-clay-head{display:grid;grid-template-columns:1fr .72fr;gap:8vw;align-items:end;margin-bottom:48px}.drawing-to-clay-head h2{margin:26px 0 0;font:600 clamp(50px,5vw,78px)/.92 "DM Sans",sans-serif;letter-spacing:-.055em}.drawing-to-clay-head h2 em{font-family:Georgia,serif;font-weight:400;color:var(--pink)}.drawing-to-clay-head>p{max-width:440px;color:#d0dadd;font-size:17px;line-height:1.65}
.drawing-to-clay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:start}.drawing-to-clay-grid article:nth-child(2){margin-top:38px}.drawing-to-clay-art{position:relative;height:330px;overflow:hidden;border:9px solid #fffdf8;border-radius:42px 13px 44px 16px;background:#fffdf8;box-shadow:0 22px 45px rgba(0,0,0,.18)}.drawing-to-clay-grid article:nth-child(2) .drawing-to-clay-art{border-radius:14px 46px 17px 43px}.drawing-to-clay-grid article:nth-child(3) .drawing-to-clay-art{border-radius:44px 16px 48px 13px}.drawing-to-clay-art img{width:100%;height:100%;object-fit:cover;display:block}.drawing-to-clay-grid article:nth-child(2) .drawing-to-clay-art img{object-position:62% center}.drawing-to-clay-sketch img{object-fit:contain;background:#fff}.drawing-to-clay-final{background:#e8dcc4}.drawing-to-clay-final img{object-fit:contain;padding:8px}.drawing-to-clay-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#f2c7d8,#f7ca3d);color:var(--ink);text-align:center}.drawing-to-clay-placeholder strong{font:600 22px/1.15 "Fredoka",sans-serif}.drawing-to-clay-art span{position:absolute;z-index:2;left:14px;top:14px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,253,248,.94);color:var(--ink);font:700 12px "DM Sans",sans-serif;box-shadow:0 5px 18px rgba(23,58,73,.18)}.drawing-to-clay-grid small{display:block;margin-top:18px;color:var(--yellow);font-weight:800;letter-spacing:.14em}.drawing-to-clay-grid h3{margin:8px 0 0;font:600 24px "Fredoka",sans-serif}
@media(max-width:850px){.drawing-to-clay{padding-top:60px}.drawing-to-clay-head{grid-template-columns:1fr;gap:22px}.drawing-to-clay-grid{grid-template-columns:1fr;gap:42px}.drawing-to-clay-grid article:nth-child(2){margin-top:0}.drawing-to-clay-art{height:420px}}
@media(max-width:560px){.drawing-to-clay-art{height:300px}.drawing-to-clay-head h2{font-size:48px}}
.drawing-to-clay-art video{width:100%;height:100%;object-fit:cover;object-position:62% center;display:block}

/* Aproxima os fundos dos momentos 01 e 03 do tom de papel da primeira etapa. */
.drawing-to-clay-sketch,.drawing-to-clay-final{background:#f7f3ea}
.drawing-to-clay-sketch img{background:transparent;mix-blend-mode:normal;filter:grayscale(.05) sepia(.08) saturate(.88) contrast(.98) brightness(1.04)}
.process-step small{display:block;margin-top:30px;color:#f7ca3d;font-weight:700;letter-spacing:.15em}.process-step h3{margin:10px 0;font:600 25px "Fredoka"}.process-step>p{color:rgba(255,255,255,.7);line-height:1.65}
.services .service-grid{grid-template-columns:repeat(5,1fr)}.services .service-grid article{padding:38px 25px;min-height:350px}.services .service-grid article h3{font-size:22px}
.services-note{max-width:720px;margin:42px auto 0;text-align:center;color:var(--muted);font-size:15px;line-height:1.7}
.contact .contact-pending{display:block;margin-top:14px;color:rgba(255,255,255,.62);font-size:12px}
footer p:last-child{max-width:430px;line-height:1.55}
.client-journey{display:grid;grid-template-columns:.88fr 1.12fr;gap:8vw;padding:120px 8vw;background:#fffdf8}
.journey-intro{position:sticky;top:145px;align-self:start}.journey-intro h2{font-size:clamp(48px,5vw,76px);line-height:.98}.journey-intro>p:last-child{max-width:530px;margin-top:28px;color:var(--muted);font-size:17px;line-height:1.7}
.journey-list{border-top:1px solid var(--line)}.journey-list article{display:grid;grid-template-columns:70px 1fr;gap:24px;padding:38px 10px;border-bottom:1px solid var(--line)}
.journey-list article>span{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#f7ca3d;color:#173a49;font:700 13px "DM Sans"}.journey-list article:nth-child(2)>span{background:#f2c7d8}.journey-list article:nth-child(3)>span{background:#41bec0}.journey-list article:nth-child(4)>span{background:#ee5597;color:white}
.journey-list h3{margin:2px 0 9px;font:600 25px "Fredoka";color:var(--ink)}.journey-list p{margin:0;color:var(--muted);line-height:1.65}

/* Movimento autoral: leve, sequencial e acionado pela rolagem. */
.process-step.reveal{transform:translateY(55px) rotate(-1deg)}
.process-step:nth-child(2).reveal{transition-delay:.12s;transform:translateY(55px) rotate(1deg)}
.process-step:nth-child(3).reveal{transition-delay:.24s;transform:translateY(55px) rotate(-.6deg)}
.process-step.reveal.visible{transform:translateY(0) rotate(0)}
.process-page{padding-top:88px}
.process-page .creative-process{min-height:auto}
.process-page .creative-process h1{grid-area:title;font-family:"DM Sans",sans-serif;font-size:clamp(58px,7vw,110px);line-height:.86;letter-spacing:-.075em;margin:0}
.process-page .creative-process h1 em{font-family:Georgia,serif;font-weight:400}
.process-photo{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.process-step:hover .process-photo{transform:translateY(-10px) rotate(0);box-shadow:0 32px 60px rgba(0,0,0,.26)}
.process-photo:before{animation:process-orbit 7s ease-in-out infinite alternate}.process-photo:after{animation:process-orbit 6s ease-in-out -2s infinite alternate-reverse}
.process-photo p{animation:soft-bob 3.2s ease-in-out infinite}
.service-grid article i{display:inline-block;transform-origin:center;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.service-grid article:hover i{transform:rotate(14deg) scale(1.22)}
.journey-list article.reveal{transform:translateX(45px);transition-duration:.65s}
.journey-list article:nth-child(2).reveal{transition-delay:.1s}.journey-list article:nth-child(3).reveal{transition-delay:.2s}.journey-list article:nth-child(4).reveal{transition-delay:.3s}
.journey-list article.reveal.visible{transform:translateX(0)}
.journey-list article>span{transition:transform .3s ease,box-shadow .3s ease}.journey-list article:hover>span{transform:rotate(-8deg) scale(1.12);box-shadow:0 8px 0 rgba(23,58,73,.12)}
.budget-bar>a b{display:inline-block;animation:arrow-invite 1.8s ease-in-out infinite}
@keyframes process-orbit{from{transform:translate3d(-7px,-4px,0) scale(.96)}to{transform:translate3d(12px,9px,0) scale(1.08)}}
@keyframes soft-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes arrow-invite{0%,100%{transform:translate(0,0)}50%{transform:translate(4px,-4px)}}
@media(max-width:850px){
  .creative-process .section-head{grid-template-columns:1fr;grid-template-areas:"eyebrow" "title" "intro";row-gap:16px}.section-intro{margin-top:14px}.process-steps{grid-template-columns:1fr;gap:45px}.process-step:nth-child(2),.process-step:nth-child(3){margin-top:0}.process-photo{height:420px}
  .services .service-grid{grid-template-columns:1fr 1fr}.services .service-grid article+article{border-left:0}.services .service-grid article:nth-child(even){border-left:1px solid var(--line)}
  .client-journey{grid-template-columns:1fr;gap:55px}.journey-intro{position:static}
}
@media(max-width:560px){
  .creative-process{padding:85px 7vw}.process-showcase{margin-top:42px;padding:6px}.process-photo{height:300px}.services .service-grid{grid-template-columns:1fr}.services .service-grid article:nth-child(even){border-left:0}
}
@media(prefers-reduced-motion:reduce){
  .process-step.reveal,.process-step:nth-child(2).reveal,.process-step:nth-child(3).reveal,.journey-list article.reveal{transform:none;transition:none}
  .process-photo:before,.process-photo:after,.process-photo p,.budget-bar>a b{animation:none}
}


/* Logo oficial aprovado: opção 1, com assinatura integrada ao R. */
.brand{
  display:block;
  width:clamp(245px,22vw,330px);
  padding:0;
}
.brand img{display:block;width:100%;height:auto}
footer .brand{width:230px;padding:0}
@media(max-width:560px){.brand{width:215px}footer .brand{width:190px}}

/* Rodapé fixo de contato: substitui a nuvem por uma chamada profissional. */
.cloud-contact{display:none}
.budget-bar{
  position:fixed;
  z-index:30;
  right:24px;
  bottom:20px;
  width:270px;
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  color:#fffdf8;
  transition:width .58s cubic-bezier(.22,1,.36,1);
}
.budget-bar:hover,.budget-bar:focus-within,.budget-bar.is-preview-open{width:min(1120px,calc(100% - 48px))}
.budget-bar-copy{
  position:absolute;
  inset:0 252px 0 0;
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
  padding:0 38px;
  overflow:hidden;
  white-space:nowrap;
  background:rgba(23,58,73,.97);
  border:1px solid rgba(255,255,255,.17);
  border-right:0;
  border-radius:18px 0 0 18px;
  box-shadow:0 18px 44px rgba(23,58,73,.24);
  backdrop-filter:blur(12px);
  opacity:0;
  transform:translateX(45px) scaleX(.96);
  transform-origin:right center;
  transition:opacity .28s ease,transform .58s cubic-bezier(.22,1,.36,1);
}
.budget-bar:hover .budget-bar-copy,.budget-bar:focus-within .budget-bar-copy,.budget-bar.is-preview-open .budget-bar-copy{opacity:1;transform:translateX(0) scaleX(1)}
.budget-bar-copy span{font:500 13px "DM Sans";letter-spacing:.04em;color:rgba(255,255,255,.72)}
.budget-bar-copy strong{font:600 20px "Fredoka";white-space:nowrap}
.budget-bar>a{
  position:relative;
  z-index:2;
  flex:none;
  display:flex;
  align-items:center;
  gap:18px;
  min-height:52px;
  padding:0 22px 0 25px;
  color:#173a49;
  background:#f7ca3d;
  border-radius:12px;
  text-decoration:none;
  font:700 14px "DM Sans";
  box-shadow:inset 0 -3px 0 rgba(23,58,73,.12);
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease;
}
.budget-bar>a:hover{transform:translateY(-2px);background:#ffd85e;box-shadow:inset 0 -3px 0 rgba(23,58,73,.12),0 12px 28px rgba(23,58,73,.22)}
.budget-bar>a b{font-size:19px;color:#ee5597}
@media(max-width:700px){
  .budget-bar{right:10px;bottom:10px;width:218px;min-height:58px}
  .budget-bar:hover,.budget-bar:focus-within,.budget-bar.is-preview-open{width:calc(100% - 20px)}
  .budget-bar-copy{right:200px;padding:0 18px;border-radius:15px 0 0 15px}
  .budget-bar-copy span{display:none}
  .budget-bar-copy strong{font-size:15px;white-space:nowrap;line-height:1.05}
  .budget-bar>a{min-height:48px;padding:0 15px;font-size:12px;gap:9px}
}

@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
}

/* Transição em ondas arredondadas, como nuvem, sem pontas. */
.manifesto:before{
  content:"";
  position:absolute;
  z-index:-1;
  left:0;
  top:-42px;
  width:100%;
  height:44px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 44' preserveAspectRatio='none'%3E%3Cpath fill='%23173a49' d='M0 44V30C110 17 215 19 320 29C425 40 520 39 620 25C725 10 830 13 935 28C1040 42 1140 38 1238 24C1320 13 1385 18 1440 27V44Z'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat;
  pointer-events:none;
}
@media(max-width:560px){.manifesto:before{top:-28px;height:30px}}

/* A nuvem fica acima do fundo claro; os personagens continuam atravessando a transição. */
.hero{z-index:auto}
.hero:before{z-index:4}
.hero:after{z-index:2}
.hero-copy,.hero-art,.scroll{position:relative;z-index:5}
.hero-copy.reveal{opacity:1;transform:none}
.manifesto{z-index:3}
@media(min-width:851px){.manifesto>p{width:min(600px,44vw)}}

/* Galeria autoral ampliada. */
.portfolio .gallery{
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:68px 34px;
}
.portfolio .work{grid-column:span 6;max-width:none;margin:0}
.portfolio .work-wide{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);gap:48px;align-items:end}
.portfolio .work:nth-child(4),.portfolio .work:nth-child(6){grid-column:span 5}
.portfolio .work:nth-child(5){grid-column:span 7;margin-top:75px}
.portfolio .photo{display:block;width:100%;border:0;cursor:zoom-in;text-align:inherit;color:inherit;transition:transform .25s ease,box-shadow .25s ease}
.portfolio .photo:hover{transform:translateY(-7px) rotate(0);box-shadow:0 32px 75px rgba(49,51,42,.2)}
.portfolio .work:nth-child(4) .photo{transform:rotate(1.2deg)}
.portfolio .work:nth-child(5) .photo{transform:rotate(-1deg)}
.portfolio .work:nth-child(6) .photo{transform:rotate(.7deg)}
.portfolio .work:nth-child(4) .photo:hover,.portfolio .work:nth-child(5) .photo:hover,.portfolio .work:nth-child(6) .photo:hover{transform:translateY(-7px) rotate(0)}
.portfolio .work:nth-child(4) .photo img{height:455px}
.portfolio .work:nth-child(5) .photo img{height:610px}
.portfolio .work:nth-child(6) .photo img{height:455px}
.gallery-lightbox{width:min(1040px,calc(100% - 36px));height:min(850px,calc(100% - 36px));padding:20px;border:0;border-radius:18px;background:#fffdf8;box-shadow:0 30px 100px rgba(23,58,73,.38)}
.gallery-lightbox::backdrop{background:rgba(17,42,53,.84);backdrop-filter:blur(6px)}
.gallery-lightbox img{width:100%;height:calc(100% - 48px);object-fit:contain;border-radius:10px;background:#f8f2e6}
.gallery-lightbox p{margin:13px 50px 0 4px;font:600 15px "Fredoka";color:var(--ink)}
.gallery-lightbox-close{position:absolute;right:25px;top:24px;z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:var(--ink);color:white;font:400 28px/1 "DM Sans";cursor:pointer;box-shadow:0 8px 18px rgba(23,58,73,.22)}
.gallery-lightbox-art{position:relative;width:100%;height:calc(100% - 48px)}
.gallery-lightbox-art .gallery-lightbox-image{width:100%;height:100%;object-fit:contain}
.gallery-lightbox-watermark{position:absolute;left:50%;top:50%;width:min(38%,320px)!important;height:auto!important;object-fit:contain!important;transform:translate(-50%,-50%) rotate(-8deg);opacity:.25;filter:grayscale(1);pointer-events:none;user-select:none}

/* Grade compacta: mais obras visíveis e espaço para a coleção crescer. */
.portfolio .gallery{gap:54px 28px}
.portfolio .work,.portfolio .work-wide,.portfolio .work:nth-child(4),.portfolio .work:nth-child(5),.portfolio .work:nth-child(6){grid-column:span 4;display:block;margin:0}
.portfolio .photo img,.portfolio .work-wide .photo img,.portfolio .work:nth-child(2) .photo img,.portfolio .work.lower .photo img,.portfolio .work:nth-child(4) .photo img,.portfolio .work:nth-child(5) .photo img,.portfolio .work:nth-child(6) .photo img{height:360px;object-fit:cover}
.portfolio .caption{padding:18px 6px 0}
.portfolio .work-bee-center{grid-column:5/span 4}
.portfolio .work-new-row{grid-column:1/span 4}
.portfolio{padding-top:0}
.portfolio-feature{position:relative;min-height:800px;margin:0 calc(clamp(24px,7vw,110px) * -1) 110px;padding:90px clamp(24px,6vw,92px);display:grid;grid-template-columns:minmax(0,.78fr) minmax(560px,1.22fr);align-items:center;gap:2.5vw;background:#f8f2e6;color:var(--ink);overflow:hidden}
.portfolio-feature:before{content:"";position:absolute;width:760px;height:760px;right:-120px;top:-135px;border-radius:50%;background:rgba(65,190,192,.13)}
.portfolio-feature:after{content:"✦  ·  ✦";position:absolute;right:7vw;top:72px;color:var(--yellow);font:600 30px "Fredoka";letter-spacing:18px}
.portfolio-feature .section-head{position:relative;z-index:2;margin:0;max-width:620px}
.portfolio-feature .section-head h2{font-size:clamp(54px,5.6vw,84px);color:var(--ink)}
.portfolio-feature .eyebrow{color:var(--aqua)}
.portfolio-feature-copy{max-width:470px;margin:30px 0 0;color:var(--muted);font-size:17px;line-height:1.7}
.portfolio-feature-art{position:relative;z-index:2;height:720px;display:flex;align-items:center;justify-content:center}
.portfolio-feature-art img{position:relative;z-index:2;width:auto;max-width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 30px rgba(0,0,0,.27));transform:rotate(2deg)}
.whale-spout-motion{position:absolute;z-index:3;left:32%;top:12%;width:92px;height:112px;pointer-events:none;transform:rotate(-10deg)}
.whale-spout-motion i{position:absolute;left:42px;bottom:8px;width:15px;height:15px;border-radius:50%;background:rgba(56,191,192,.72);box-shadow:0 0 0 5px rgba(255,255,255,.35);animation:whale-spout 2.6s ease-out infinite}
.whale-spout-motion i:nth-child(2){left:18px;bottom:25px;width:11px;height:11px;animation-delay:.72s}
.whale-spout-motion i:nth-child(3){left:66px;bottom:35px;width:9px;height:9px;animation-delay:1.38s}
@keyframes whale-spout{0%{opacity:0;transform:translate3d(0,12px,0) scale(.55)}22%{opacity:.82}72%{opacity:.36}100%{opacity:0;transform:translate3d(0,-56px,0) scale(1.28)}}
.portfolio-orbit{position:absolute;width:640px;height:500px;border:2px solid rgba(247,202,61,.7);border-radius:50%;transform:rotate(-14deg)}
.portfolio-orbit:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:var(--pink);right:63px;top:24px;box-shadow:-405px 282px 0 var(--aqua)}
@media(max-width:850px){
  .portfolio-feature{grid-template-columns:1fr;min-height:auto;padding-top:100px;gap:42px}.portfolio-feature .section-head{text-align:center;margin-inline:auto}.portfolio-feature-art{height:590px}
  .portfolio .gallery{gap:48px 20px}
  .portfolio .work,.portfolio .work-wide,.portfolio .work:nth-child(4),.portfolio .work:nth-child(5),.portfolio .work:nth-child(6){grid-column:span 6;margin-top:0}
  .portfolio .work-bee-center,.portfolio .work-new-row{grid-column:span 6}
}
@media(max-width:560px){
  .portfolio-feature{margin-inline:-19px;margin-bottom:75px;padding:90px 22px 45px}.portfolio-feature .section-head h2{font-size:52px}.portfolio-feature-copy{font-size:16px}.portfolio-feature-art{height:440px}.portfolio-orbit{width:390px;height:300px}
  .portfolio .gallery{display:block}
  .portfolio .work{margin-bottom:46px}
  .portfolio .work:nth-child(4) .photo img,.portfolio .work:nth-child(5) .photo img,.portfolio .work:nth-child(6) .photo img{height:390px}
  .gallery-lightbox{padding:10px;height:auto;max-height:calc(100% - 20px)}
  .gallery-lightbox-art{height:auto}.gallery-lightbox-art .gallery-lightbox-image{height:auto;max-height:76vh}
  .gallery-lightbox-close{right:17px;top:17px}
  .whale-spout-motion{left:29%;top:13%;transform:rotate(-10deg) scale(.72)}
}
@media(prefers-reduced-motion:reduce){.whale-spout-motion i{animation:none;opacity:.5}}

/* Retoque final: asset sem resíduos brancos e sol atrás da composição principal. */
.hero:before{background-image:url("assets/anjinhos-background-cabeca-coroa-retocada-v6.png")}
.hero-art .sun{display:none}

/* Refinamento final: enquadramento completo dos anjos e fade mais suave junto ao CTA. */
@media(min-width:851px){
  .hero:before{
    inset:92px 1% -420px 7%;
    background-size:auto 1260px;
    background-position:right top;
  }
  .hero:after{
    background:radial-gradient(ellipse 62% 86% at 0% 46%,
      #f8f2e6 0%,
      rgba(248,242,230,.98) 32%,
      rgba(248,242,230,.86) 46%,
      rgba(248,242,230,.5) 62%,
      rgba(248,242,230,.16) 76%,
      rgba(248,242,230,0) 100%);
  }
}
/* Ajuste de respiro entre as linhas do título principal. */
.hero h1{line-height:.98}
.scroll{bottom:48px}
.contact-with-form{min-height:780px;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(48px,7vw,110px);padding:110px clamp(28px,8vw,130px);text-align:left}
.contact-with-form .contact-heading{max-width:650px}.contact-with-form .contact-heading>p:not(.eyebrow){margin:26px 0 32px;color:#cbd7d9;max-width:540px}.contact-with-form .contact-heading .button{background:white;color:var(--ink);box-shadow:0 7px 0 var(--yellow)}
.contact-form{position:relative;z-index:2;display:grid;gap:18px;padding:36px;background:#fffdf8;color:var(--ink);border-radius:42px 14px 42px 14px;box-shadow:14px 16px 0 var(--yellow),0 30px 70px rgba(0,0,0,.22);transform:rotate(.5deg)}
.contact-form .form-kicker{margin:0 0 3px!important;color:var(--pink)!important;font-size:11px!important;letter-spacing:.16em;font-weight:800}.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:grid;gap:8px;font-size:12px;font-weight:800;letter-spacing:.04em}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #d9d0c1;border-radius:13px;background:white;padding:14px 15px;color:var(--ink);font:500 14px/1.4 "DM Sans",sans-serif;outline:none}.contact-form textarea{resize:vertical;min-height:105px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--aqua);box-shadow:0 0 0 3px rgba(56,191,192,.15)}
.contact-form button{justify-self:start;border:0;border-radius:99px;background:var(--pink);color:white;padding:14px 21px;font:800 14px "DM Sans",sans-serif;cursor:pointer;box-shadow:0 6px 0 var(--ink)}.contact-form button span{margin-left:20px}.contact-form .form-feedback{min-height:0;margin:0!important;color:var(--aqua)!important;font-size:13px!important}
@media(max-width:900px){.contact-with-form{grid-template-columns:1fr;text-align:center}.contact-with-form .contact-heading{margin:auto}.contact-with-form .contact-heading>p:not(.eyebrow){margin-inline:auto}.contact-form{text-align:left;max-width:680px;margin:auto;width:100%}}
@media(max-width:560px){.contact-with-form{padding:90px 19px}.contact-form{padding:25px 20px}.contact-form .form-row{grid-template-columns:1fr}.contact-form button{justify-self:stretch}}

/* Processo criativo: abertura mais orgânica, artesanal e conectada às etapas. */
.process-page .creative-process{
  position:relative;
  isolation:isolate;
  padding-top:145px;
  background:
    radial-gradient(circle at 92% 7%,rgba(241,97,157,.16) 0 150px,transparent 152px),
    radial-gradient(circle at 6% 40%,rgba(56,191,192,.13) 0 118px,transparent 120px),
    #173a49;
}
.process-page .creative-process:after{
  content:"";position:absolute;z-index:-1;left:0;right:0;bottom:-1px;height:54px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath fill='%23fffdf8' d='M0 39C120 9 236 16 348 37c126 24 223 16 337-9 122-27 229-20 350 7 123 27 256 25 405-8v33H0Z'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat;
}
.process-doodles{position:absolute;inset:0;z-index:-1;pointer-events:none;color:var(--yellow)}
.process-doodles span{position:absolute;font:600 34px/1 "Fredoka",sans-serif;opacity:.9}
.process-doodles span:nth-child(1){left:4.5%;top:120px;transform:rotate(-13deg)}
.process-doodles span:nth-child(2){right:7%;top:150px;color:var(--aqua);font-size:68px;transform:rotate(18deg)}
.process-doodles span:nth-child(3){left:3%;top:690px;color:var(--pink);font-size:45px;transform:rotate(-9deg)}
.process-doodles span:nth-child(4){right:5%;top:760px;letter-spacing:.28em;font-size:24px}
.process-page .creative-process .section-head{position:relative}
.process-page .creative-process .section-head:before{
  content:"feito com as mãos";position:absolute;right:3%;top:-72px;padding:13px 20px;
  border:1px solid rgba(255,255,255,.25);border-radius:28px 9px 28px 9px;color:#fffdf8;
  font:700 10px/1 "DM Sans",sans-serif;letter-spacing:.14em;text-transform:uppercase;transform:rotate(4deg)
}
.process-page .creative-process h1 em{color:var(--pink);font-style:italic}
.process-showcase{position:relative;overflow:visible;border-radius:48px 15px 52px 18px;transform:rotate(-.65deg);box-shadow:16px 18px 0 var(--yellow),0 32px 75px rgba(0,0,0,.3)}
.process-showcase video{border-radius:38px 10px 42px 12px}
.process-video-note{position:absolute;z-index:3;right:-28px;top:-38px;width:128px;height:128px;display:grid;place-content:center;text-align:center;border-radius:50%;background:var(--pink);color:white;font:700 12px/1.35 "Fredoka",sans-serif;letter-spacing:.04em;transform:rotate(8deg);box-shadow:0 14px 30px rgba(0,0,0,.22)}
.process-steps{position:relative;gap:42px;margin-top:92px;padding-bottom:72px}
.process-steps:before{content:"";position:absolute;left:7%;right:7%;top:132px;border-top:2px dashed rgba(255,255,255,.18);transform:rotate(2deg)}
.process-step{position:relative;z-index:1;padding:0 12px}
.process-photo{border-radius:42px 13px 44px 16px}
.process-step:nth-child(2) .process-photo{border-radius:14px 46px 17px 43px}
.process-step:nth-child(3) .process-photo{border-radius:44px 16px 48px 13px}
.process-step h3{font-size:28px;line-height:1.08}
.client-journey{position:relative;overflow:hidden;padding-top:150px}
.journey-shape{position:absolute;right:-90px;top:70px;width:260px;height:260px;border-radius:46% 54% 62% 38%/55% 42% 58% 45%;background:rgba(56,191,192,.11);transform:rotate(18deg)}
.journey-intro:after{content:"✦  ✧  ·";display:block;margin-top:35px;color:var(--pink);font:600 31px/1 "Fredoka";letter-spacing:.24em;transform:rotate(-5deg);transform-origin:left}
.journey-list article{position:relative;margin-bottom:13px;padding:31px 28px;border:0;border-radius:34px 10px 34px 10px;background:#f8f2e6;transition:transform .3s ease,box-shadow .3s ease}
.journey-list article:nth-child(even){border-radius:10px 34px 10px 34px;background:#f4ecdf}
.journey-list article:hover{transform:translateX(-8px) rotate(-.3deg);box-shadow:9px 11px 0 rgba(245,202,66,.5)}
.journey-list{border:0}
@media(max-width:850px){
  .process-page .creative-process{padding-top:120px}.process-page .creative-process .section-head:before{right:0;top:-60px}
  .process-steps:before{display:none}.process-steps{padding-bottom:55px}.client-journey{padding-top:110px}
}
@media(max-width:560px){
  .process-page .creative-process{padding-top:105px}.process-doodles span:nth-child(2),.process-doodles span:nth-child(4){display:none}
  .process-page .creative-process .section-head:before{position:static;display:inline-block;margin-bottom:24px}
  .process-video-note{right:-5px;top:-27px;width:92px;height:92px;font-size:9px}.process-showcase{box-shadow:8px 10px 0 var(--yellow),0 24px 50px rgba(0,0,0,.25)}
  .process-steps{margin-top:68px}.process-step{padding:0}.journey-list article{grid-template-columns:52px 1fr;padding:26px 18px;gap:14px}
}

/* Fitas translúcidas na galeria, preservando o enquadramento quadrado aprovado. */
.portfolio .work{position:relative}
.portfolio .work:before{content:"";position:absolute;z-index:4;top:-13px;left:50%;width:92px;height:31px;border:1px solid rgba(255,255,255,.28);background:rgba(65,190,192,.5);backdrop-filter:blur(1.5px);transform:translateX(-50%) rotate(-3deg);box-shadow:0 3px 7px rgba(23,58,73,.1);pointer-events:none}
.portfolio .work:nth-child(2n):before{width:86px;background:rgba(238,85,151,.48);transform:translateX(-50%) rotate(3deg)}
.portfolio .work:nth-child(3n):before{width:96px;background:rgba(247,202,61,.58);transform:translateX(-50%) rotate(-1.5deg)}
.portfolio .work:nth-child(4n):before{left:45%;transform:translateX(-50%) rotate(4deg)}
@media(max-width:560px){.portfolio .work:before{top:-11px;width:78px;height:27px}}