@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Manrope:wght@300;400;500;600&display=swap');

:root { --parchment:#f2ebdc; --paper:#e6dbc6; --clay:#b96e50; --clay-dark:#8d4c35; --olive:#596049; --olive-dark:#343b2f; --charcoal:#292923; --gold:#a98a52; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background-color:var(--parchment); background-image:linear-gradient(110deg,rgba(255,255,255,.2),transparent 38%),radial-gradient(rgba(70,62,47,.075) .65px,transparent .75px); background-size:100% 100%,5px 5px; color:var(--charcoal); font-family:"Manrope",sans-serif; }
a { color:inherit; text-decoration:none; }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { font-family:"Cormorant Garamond",serif; font-weight:400; }

.site-header { height:94px; padding:0 clamp(24px,4vw,58px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(89,97,74,.2); background:rgba(242,235,220,.94); position:relative; z-index:20; }
.brand { font-family:"Cormorant Garamond",serif; font-size:28px; letter-spacing:.22em; display:flex; align-items:center; gap:10px; }
.brand span { color:var(--clay); }
nav { display:flex; gap:44px; font-size:14px; }
nav a { border-bottom:1px solid transparent; padding:9px 0; }
nav a:hover { border-color:var(--clay); }
.header-cta { border:1px solid var(--charcoal); border-radius:4px; padding:13px 25px; font-size:11px; text-transform:uppercase; letter-spacing:.13em; }

.hero { min-height:calc(100vh - 94px); display:grid; grid-template-columns:52% 48%; overflow:hidden; background:var(--parchment); position:relative; isolation:isolate; }
.hero::before { content:""; position:absolute; left:-12%; bottom:-125px; width:66%; height:205px; background:var(--olive); border-radius:50% 58% 0 0; transform:rotate(2deg); z-index:0; opacity:.96; }
.hero-copy { padding:clamp(62px,7vh,92px) clamp(42px,5.5vw,88px) 105px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; position:relative; z-index:5; }
.hero .eyebrow { position:relative; }
.hero .eyebrow::after { content:""; position:absolute; left:0; bottom:-19px; width:82px; height:2px; background:var(--clay); }
.eyebrow,.section-tag { color:var(--olive); font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.23em; }
.hero h1 { max-width:760px; margin:48px 0 26px; font-size:clamp(59px,5.2vw,82px); line-height:.92; letter-spacing:-.035em; }
.hero h1 em { display:block; color:var(--charcoal); font-weight:400; }
.hero-text { max-width:580px; font-size:18px; line-height:1.75; }
.primary-button { margin-top:22px; min-width:430px; padding:23px 32px; display:inline-flex; justify-content:center; background:var(--clay); color:#fff9ee; border-radius:4px; text-transform:uppercase; letter-spacing:.13em; font-size:11px; font-weight:600; transition:.25s; box-shadow:0 8px 22px rgba(90,62,43,.08); }
.primary-button:hover { background:var(--clay-dark); transform:translateY(-2px); }
.hero-note { margin:29px 0 0; color:#626057; font-size:11px; }
.hero-note span { color:var(--olive); margin-right:9px; }
.hero-image { min-height:650px; background:url('/hero-production.png') center/cover; animation:reveal .8s ease both; position:relative; z-index:1; filter:saturate(1.22) contrast(1.08) brightness(.95); -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 13%); mask-image:linear-gradient(90deg,transparent 0,#000 13%); }

.opening,.deliveries,.moments,.pricing { padding:120px clamp(28px,7vw,110px); position:relative; }
.opening { background:linear-gradient(90deg,rgba(255,255,255,.12),transparent 55%); }
.section-tag { display:inline-block; padding-top:12px; border-top:2px solid var(--clay); }
.opening-grid { margin-top:54px; display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(55px,9vw,145px); }
.opening-grid h2,.section-heading h2 { font-size:clamp(46px,5vw,72px); line-height:1.02; }
.opening-grid p,.field-copy p,.process-copy p,.important p,.section-heading>p:not(.eyebrow) { color:#615f57; line-height:1.9; }

.shared-field { display:grid; grid-template-columns:46% 54%; background:var(--olive-dark); color:var(--parchment); }
.field-photo { min-height:740px; position:relative; background:linear-gradient(180deg,transparent 55%,rgba(35,40,31,.72)),url('/cat-healing-field.png') center/cover; }
.field-photo>div { position:absolute; left:48px; right:48px; bottom:45px; display:grid; grid-template-columns:1fr 1fr; align-items:end; border-top:1px solid rgba(244,238,222,.58); padding-top:18px; }
.field-photo span { font-family:"Cormorant Garamond",serif; font-size:38px; font-style:italic; }
.field-photo span:nth-child(2) { text-align:right; color:#e2c09d; }
.field-photo small { grid-column:1/-1; margin-top:8px; color:#e7dfd1; text-align:center; text-transform:uppercase; letter-spacing:.18em; font-size:8px; }
.field-copy { padding:110px clamp(42px,8vw,130px); }
.field-copy .eyebrow { color:#d6b690; }
.field-copy h2 { color:var(--parchment); font-size:clamp(50px,5.5vw,78px); line-height:.98; }
.field-copy p { color:#dad4c8; }
.field-copy strong { display:block; margin-top:34px; color:#d6b690; font-family:"Cormorant Garamond",serif; font-size:27px; font-style:italic; font-weight:400; }

.section-heading { max-width:920px; margin-bottom:64px; }
.section-heading h2 em { color:var(--olive); }
.delivery-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #c8bba3; }
.botanical-paper { position:absolute; right:4%; top:45px; width:230px; height:310px; object-fit:cover; opacity:.48; mix-blend-mode:multiply; transform:rotate(3deg); filter:saturate(.72); }
.delivery-grid article { padding:38px 40px 28px 0; position:relative; }
.delivery-grid article+article { border-left:1px solid #c8bba3; padding-left:40px; }
.delivery-grid span,.steps>article>span,.moments-grid span { color:var(--clay); font-family:"Cormorant Garamond",serif; font-style:italic; }
.delivery-grid h3 { margin:55px 0 18px; font-size:33px; }
.delivery-grid p { color:#656157; line-height:1.75; font-size:14px; }

.process { padding:120px clamp(28px,8vw,130px); display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(60px,10vw,160px); background-color:#faf5eb; background-image:linear-gradient(115deg,transparent 0 67%,rgba(184,111,82,.055) 67% 100%); }
.process-copy h2 { font-size:clamp(48px,5vw,72px); line-height:1; }
.process-image { margin-top:42px; min-height:250px; background:url('/shared-support-detail.png') center/cover; box-shadow:12px 14px 0 rgba(89,96,73,.12); }
.steps article { display:grid; grid-template-columns:55px 1fr; gap:26px; padding:32px 0; border-top:1px solid #c8bba3; }
.steps article:last-child { border-bottom:1px solid #c8bba3; }
.steps h3 { margin-bottom:8px; font-size:29px; }
.steps p { margin:0; color:#666258; line-height:1.7; font-size:14px; }

.centered { margin-left:auto; margin-right:auto; text-align:center; }
.moments-grid { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid #c8bba3; }
.moments-grid div { min-height:160px; padding:30px; border-right:1px solid #c8bba3; border-bottom:1px solid #c8bba3; }
.moments-grid div:nth-child(3n) { border-right:0; }
.moments-grid div:nth-child(n+4) { border-bottom:0; }
.moments-grid p { margin:36px 0 0; font-family:"Cormorant Garamond",serif; font-size:23px; line-height:1.15; }
.text-link { display:table; margin:45px auto 0; border-bottom:1px solid var(--clay); padding:10px 0; color:var(--clay); text-transform:uppercase; letter-spacing:.15em; font-size:11px; }

.important { padding:100px clamp(32px,14vw,220px); text-align:center; background:var(--clay); color:#fff9ef; }
.important .eyebrow { color:#f0d4c6; }
.important h2 { margin:0 auto 28px; max-width:1000px; font-size:clamp(48px,5.5vw,78px); line-height:1; }
.important p { max-width:780px; margin:0 auto; color:#fae9df; }

.pricing { background:#eee5d4; }
.cycle-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.cycle-grid article { padding:38px 30px; background:rgba(246,240,227,.92); border:1px solid #c8bba3; position:relative; box-shadow:6px 8px 0 rgba(89,96,73,.08); }
.cycle-grid article.featured { border:2px solid var(--olive); transform:translateY(-10px); }
.badge { position:absolute; right:18px; top:18px; color:var(--olive); text-transform:uppercase; letter-spacing:.13em; font-size:8px; font-weight:600; }
.cycle-grid h3 { font-size:35px; }
.cycle-price { margin:25px 0; color:var(--clay-dark); font-family:"Cormorant Garamond",serif; font-size:35px; }
.cycle-grid p { min-height:105px; color:#69655c; line-height:1.65; font-size:12px; }
.cycle-grid a { color:var(--olive-dark); border-bottom:1px solid var(--olive); padding-bottom:7px; text-transform:uppercase; letter-spacing:.12em; font-size:9px; }
.urgency { margin:34px 0 0; color:#6c675d; font-size:11px; text-align:center; }

.final-cta { padding:125px 26px; text-align:center; background:radial-gradient(circle at 50% 100%,rgba(184,111,82,.2),transparent 36%),var(--parchment); }
.ornament { color:var(--clay); font-size:38px; }
.final-cta h2 { max-width:940px; margin:27px auto; font-size:clamp(54px,6vw,84px); line-height:.95; }
.final-cta>p:not(.eyebrow) { font-family:"Cormorant Garamond",serif; font-size:23px; font-style:italic; }
footer { padding:45px clamp(24px,5vw,76px); display:flex; justify-content:space-between; align-items:center; border-top:1px solid #c8bba3; color:#656157; font-size:11px; }
footer .brand { color:var(--charcoal); font-size:20px; }

@keyframes reveal { from { opacity:0; transform:scale(1.025); } to { opacity:1; transform:scale(1); } }
@media(max-width:900px){
  .site-header { height:74px; }.site-header nav,.header-cta{display:none}.brand{font-size:23px}
  .hero,.opening-grid,.shared-field,.delivery-grid,.process,.moments-grid,.cycle-grid{grid-template-columns:1fr}
  .hero-copy{padding:70px 24px 105px;align-items:center;text-align:center}.hero .eyebrow::after{left:50%;transform:translateX(-50%)}.hero h1{font-size:clamp(52px,13vw,70px);margin-top:38px}.hero-image{min-height:58vh;background-position:center;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%);mask-image:linear-gradient(180deg,transparent 0,#000 12%)}.primary-button{min-width:0;width:100%}.hero::before{width:125%;height:105px;bottom:-65px}
  .opening,.deliveries,.moments,.pricing{padding:82px 24px}.opening-grid{gap:28px}.field-photo{min-height:560px}.field-photo>div{left:24px;right:24px}.field-copy,.process{padding:82px 24px}.process{gap:40px}.botanical-paper{position:relative;right:auto;top:auto;width:170px;height:220px;margin:-30px 0 35px auto;display:block}
  .delivery-grid article,.delivery-grid article+article{padding:30px 0;border-left:0;border-bottom:1px solid #c8bba3}.delivery-grid h3{margin-top:35px}
  .moments-grid div,.moments-grid div:nth-child(3n),.moments-grid div:nth-child(n+4){border-right:0;border-bottom:1px solid #c8bba3}.moments-grid div:last-child{border-bottom:0}
  .cycle-grid{gap:14px}.cycle-grid article.featured{transform:none}.cycle-grid p{min-height:0}footer{flex-direction:column;gap:14px;text-align:center}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image{animation:none}*{transition-duration:.01ms!important}}

/* Impede que o tema do WordPress substitua a identidade da landing page. */
.pka-h a,.pka-h a:visited,.pka-h a:hover,.pka-h a:focus{color:inherit!important;text-decoration:none!important}
.pka-h h1,.pka-h h2,.pka-h h3{color:var(--charcoal)!important}
.pka-h .shared-field h2,.pka-h .important h2{color:var(--parchment)!important}
.pka-h .eyebrow,.pka-h .section-tag,.pka-h .delivery-grid span,.pka-h .steps>article>span,.pka-h .moments-grid span{color:var(--olive)!important}
.pka-h .shared-field .eyebrow,.pka-h .important .eyebrow{color:#d6b690!important}
.pka-h .primary-button,.pka-h .primary-button:visited,.pka-h .primary-button:hover{color:#fff9ee!important}
.pka-h .header-cta,.pka-h .header-cta:visited,.pka-h .header-cta:hover{color:var(--charcoal)!important}
