:root {--canvas: #F9F9F9;--canvas-2: #F1F0EE;--ink: #2B2F38;--ink-soft: #5A5F69;--slate: #5F677A;--slate-deep: #4A5263;--line: #E4E2DE;--line-soft: #EEEDEA;--cream: #FFFFFF;--serif: 'Fraunces', Georgia, serif;--sans: 'Hanken Grotesk', system-ui, sans-serif;--maxw: 1200px;--pad: clamp(20px, 5vw, 64px);}* {box-sizing: border-box;margin: 0;padding: 0;}&::-webkit-scrollbar {width: 8px;height: 8px;}&::-webkit-scrollbar-track {background: #fff;border-radius: 4px;}&::-webkit-scrollbar-thumb {background: var(--ink-soft);border-radius: 4px;}&::-webkit-scrollbar-thumb:hover {background: var(--slate);;}html {scroll-behavior: smooth }body {background: var(--canvas);color: var(--ink);font-family: var(--sans);font-weight: 400;line-height: 1.65;-webkit-font-smoothing: antialiased;overflow-x: hidden;}img {display: block;max-width: 100% }a {color: inherit;text-decoration: none }.wrap {max-width: var(--maxw);margin: 0 auto;padding-left: var(--pad);padding-right: var(--pad) }h1, h2, h3 {font-family: var(--serif);font-weight: 400;line-height: 1.08;letter-spacing: -0.01em }.eyebrow {font-family: var(--sans);font-size: .72rem;font-weight: 600;letter-spacing: .28em;text-transform: uppercase;color: var(--slate);display: inline-flex;align-items: center;gap: .7rem;}.eyebrow::before {content: "";width: 34px;height: 1px;background: var(--slate);opacity: .6 }.selvedge {height: 0;border-top: 1px solid var(--line);border-bottom: 1px solid var(--line);margin: 0 auto;max-width: var(--maxw);}.selvedge span {display: block;height: 3px;border-top: 1px solid var(--line-soft);margin-top: 1px }header {position: sticky;top: 0;z-index: 50;background: rgba(249, 249, 249, .82);backdrop-filter: blur(12px);border-bottom: 1px solid var(--line-soft);}.nav {display: flex;align-items: center;justify-content: space-between;height: 74px }.nav .logo {height: 30px;width: auto }.logo-svg {display: block;height: 30px;width: auto }.btn {font-family: var(--sans);font-size: .9rem;font-weight: 500;letter-spacing: .02em;border: none;cursor: pointer;display: inline-flex;align-items: center;gap: .55rem;padding: .85rem 1.6rem;border-radius: 2px;transition: .35s cubic-bezier(.2, .7, .3, 1);text-transform: uppercase;letter-spacing: .12em;font-size: .74rem;}.btn-primary {background: var(--slate);color: var(--cream) }.btn-primary:hover {background: var(--slate-deep);transform: translateY(-2px);box-shadow: 0 14px 30px -14px rgba(47, 51, 62, .55) }.btn-ghost {background: transparent;color: var(--slate);border: 1px solid var(--slate);}.btn-ghost:hover {background: var(--slate);color: var(--cream) }.btn-light {background: var(--cream);color: var(--slate) }.btn-light:hover {background: #fff;transform: translateY(-2px);box-shadow: 0 16px 34px -16px rgba(0, 0, 0, .4) }.btn .arrow {transition: transform .35s }.btn:hover .arrow {transform: translateX(4px) }.nav .btn {display: none }@media(min-width:760px) {.nav .btn {display: inline-flex }}.menu {display: none;gap: 2.2rem;align-items: center }.menu a {font-weight: 600;text-transform: uppercase;letter-spacing: .13em;font-size: .71rem;color: var(--ink);position: relative;padding: .3rem 0;transition: color .3s }.menu a::after {content: "";position: absolute;left: 0;bottom: -3px;width: 0;height: 1px;background: var(--slate);transition: width .35s }.menu a:hover {color: var(--slate) }.menu a:hover::after {width: 100% }.nav-actions {display: flex;align-items: center;gap: 1rem }.menu-toggle {display: inline-flex;flex-direction: column;justify-content: center;gap: 5px;width: 44px;height: 42px;background: none;border: 1px solid var(--line);border-radius: 2px;cursor: pointer;padding: 0 11px }.menu-toggle span {display: block;height: 1.5px;width: 100%;background: var(--ink);transition: .3s }.menu-toggle[aria-expanded="true"] span:nth-child(1) {transform: translateY(6.5px) rotate(45deg) }.menu-toggle[aria-expanded="true"] span:nth-child(2) {opacity: 0 }.menu-toggle[aria-expanded="true"] span:nth-child(3) {transform: translateY(-6.5px) rotate(-45deg) }@media(max-width:1400px) {.menu {gap: 15px;}}@media(min-width:1100px) {.menu {display: flex;.nav-mobile {display: none !important;}}.menu-toggle {display: none }}@media(max-width:919px) {.menu {position: absolute;top: 74px;left: 0;right: 0;flex-direction: column;align-items: stretch;gap: 0;background: var(--canvas);border-bottom: 1px solid var(--line);padding: 0 var(--pad) 15px;max-height: 0;overflow: hidden;display: flex;transition: max-height .42s ease;box-shadow: 0 20px 30px -24px rgba(43, 47, 56, .5) }.menu.open {max-height: 560px }.menu a {padding: 1.15rem 0;border-bottom: 1px solid var(--line-soft);font-size: .78rem;display: flex !important;}.menu a:last-child {border-bottom: none }}.hero {padding: clamp(48px, 8vw, 96px) 0 clamp(56px, 8vw, 104px) }.hero-grid {display: grid;gap: clamp(36px, 5vw, 64px);align-items: center }@media(min-width:920px) {.hero-grid {grid-template-columns: 1.05fr .95fr }}.hero-photo .clip {aspect-ratio: 1/1 }.hero h1 {font-size: clamp(2.6rem, 6.2vw, 4.6rem);margin: 1.6rem 0 1.5rem;letter-spacing: -0.025em;}.hero h1 em {font-style: italic;color: var(--slate) }.lede {font-size: clamp(1.05rem, 1.7vw, 1.28rem);color: var(--ink-soft);max-width: 34ch;font-weight: 300 }.hero p.body {margin-top: 1.6rem;max-width: 46ch;color: var(--ink-soft);font-size: 1.02rem }.chips {display: flex;flex-wrap: wrap;gap: .6rem;margin: 2rem 0 .4rem }.chip {font-size: .82rem;letter-spacing: .04em;color: var(--ink);border: 1px solid var(--line);background: var(--cream);padding: .5rem 1rem;border-radius: 40px;display: inline-flex;align-items: center;gap: .5rem;}.chip::before {content: "";width: 5px;height: 5px;border-radius: 50%;background: var(--slate) }.hero .closer {font-family: var(--serif);font-style: italic;font-size: 1.25rem;color: var(--ink);margin: 1.5rem 0 2.2rem }.hero-actions {display: flex;flex-wrap: wrap;gap: 1rem }.hero-actions .btn {padding: 1.05rem 2.1rem;font-size: .78rem }.frame {position: relative }.frame::before {content: "";position: absolute;inset: 18px -18px -18px 18px;border: 1px solid var(--slate);opacity: .32;border-radius: 2px;z-index: 0;}.frame .clip {position: relative;z-index: 1;border-radius: 2px;width: 100%;aspect-ratio: 4/4.6;overflow: hidden;background: var(--canvas-2);box-shadow: 0 40px 70px -40px rgba(43, 47, 56, .5);}.frame .clip .photo {width: 100%;height: 100%;object-fit: cover;display: block }.frame .tag {position: absolute;z-index: 2;left: -14px;bottom: 34px;background: var(--canvas);border: 1px solid var(--line);padding: .7rem 1.1rem;font-size: .7rem;letter-spacing: .22em;text-transform: uppercase;color: var(--slate);font-weight: 600;}.section {padding: clamp(64px, 9vw, 118px) 0 }.section.alt {background: var(--canvas-2) }.section.slate {background: var(--slate);color: var(--canvas) }.head-block {max-width: 62ch }.head-block h2 {font-size: clamp(2rem, 4.4vw, 3.2rem);margin: 1.1rem 0 .8rem }.head-block .sub {color: var(--ink-soft);font-size: 1.1rem;font-weight: 300 }.steps3 {display: grid;gap: 1px;background: var(--line);margin-top: clamp(40px, 5vw, 64px);border: 1px solid var(--line) }@media(min-width:820px) {.steps3 {grid-template-columns: repeat(3, 1fr) }}.step3 {background: var(--canvas);padding: clamp(30px, 4vw, 48px) clamp(26px, 3vw, 40px) }.section.alt .step3 {background: var(--canvas-2) }.step3 .num {font-family: var(--serif);font-size: 3rem;color: var(--slate);line-height: 1;display: block }.step3 h3 {font-size: 1.35rem;margin: 1.1rem 0 .7rem }.step3 p {color: var(--ink-soft);font-size: .98rem }.benefits {display: grid;gap: clamp(28px, 3vw, 40px);margin-top: clamp(40px, 5vw, 64px) }@media(min-width:640px) {.benefits {grid-template-columns: repeat(2, 1fr) }}@media(min-width:980px) {.benefits {grid-template-columns: repeat(3, 1fr) }}.benefit {padding-top: 1.6rem;border-top: 1px solid var(--line);transition: .4s }.benefit .mk {font-family: var(--serif);font-size: .85rem;letter-spacing: .3em;color: var(--slate) }.benefit h3 {font-size: 1.4rem;margin: .9rem 0 .7rem;letter-spacing: -0.015em }.benefit p {color: var(--ink-soft);font-size: .98rem }.benefit:hover {border-top-color: var(--slate) }.benefit:hover h3 {color: var(--slate) }.strip {margin-top: clamp(48px, 6vw, 80px) }.strip-grid {display: grid;gap: 14px }@media(min-width:720px) {.strip-grid {grid-template-columns: 1.4fr 1fr 1fr }}.strip .clip {position: relative;width: 100%;height: 100%;border-radius: 2px;aspect-ratio: 1/1;overflow: hidden;background: var(--canvas-2) }.strip .clip .photo {width: 100%;height: 100%;object-fit: cover;display: block }.strip-grid .lead {aspect-ratio: auto }.strip-grid .lead .clip {aspect-ratio: 1/1;height: 100% }@media(min-width:720px) {.strip-grid .lead .clip {aspect-ratio: auto;height: 100% }}.create-grid {display: grid;gap: clamp(40px, 5vw, 72px);align-items: center;margin-top: clamp(40px, 5vw, 56px) }@media(min-width:920px) {.create-grid {grid-template-columns: .85fr 1.15fr }}.timeline {position: relative;padding-left: 46px;list-style: none;margin: 0 }.timeline::before {content: "";position: absolute;left: 15px;top: 8px;bottom: 8px;width: 1px;background: repeating-linear-gradient(var(--slate) 0 5px, transparent 5px 11px);opacity: .55 }.tl-item {position: relative;padding-bottom: 2.4rem }.tl-item:last-child {padding-bottom: 0 }.tl-item .dot {position: absolute;left: -46px;top: 2px;width: 32px;height: 32px;border-radius: 50%;background: var(--canvas);border: 1px solid var(--slate);color: var(--slate);display: grid;place-items: center;font-family: var(--serif);font-size: .95rem }.section.alt .tl-item .dot {background: var(--canvas-2) }.tl-item .lbl {font-size: .72rem;letter-spacing: .26em;text-transform: uppercase;color: var(--slate);font-weight: 600 }.tl-item p {font-size: 1.12rem;color: var(--ink);font-weight: 300;margin-top: .35rem;max-width: 34ch }.create-cta {margin-top: 2.4rem }.create-cta .ready {font-family: var(--serif);font-style: italic;font-size: 1.3rem;margin-bottom: 1.4rem;display: block }.create-visual .frame::before {inset: -18px 18px 18px -18px }.create-visual .clip .photo {object-position: 50% 22% }.audience-grid {display: grid;gap: clamp(36px, 5vw, 64px);align-items: center;margin-top: clamp(36px, 4vw, 48px) }@media(min-width:880px) {.audience-grid {grid-template-columns: 1fr 1fr }}.audience-list {list-style: none;display: grid;gap: 0 }.audience-list li {display: flex;align-items: center;gap: 1rem;padding: 1.1rem 0;border-bottom: 1px solid var(--line-soft);font-size: 1.1rem;font-weight: 300 }.audience-list li:first-child {border-top: 1px solid var(--line-soft) }.audience-list .tick {flex: none;width: 26px;height: 26px;border-radius: 50%;border: 1px solid var(--slate);display: grid;place-items: center;color: var(--slate) }.audience-list .tick svg {width: 12px;height: 12px }.audience-photo .frame .clip {aspect-ratio: 1/1 }.audience-photo .frame::before {inset: -18px 18px 18px -18px }.faq {margin-top: clamp(36px, 4vw, 52px);max-width: 880px }.qa {border-top: 1px solid var(--line) }.qa:last-child {border-bottom: 1px solid var(--line) }.qa button {width: 100%;background: none;border: none;cursor: pointer;text-align: left;display: flex;align-items: center;justify-content: space-between;gap: 1.5rem;padding: 1.5rem 0;font-family: var(--serif);font-size: clamp(1.15rem, 2vw, 1.4rem);color: var(--ink) }.qa button:hover {color: var(--slate) }.qa .ic {flex: none;width: 30px;height: 30px;border: 1px solid var(--line);border-radius: 50%;position: relative;transition: .35s }.qa .ic::before, .qa .ic::after {content: "";position: absolute;background: var(--slate);top: 50%;left: 50%;transform: translate(-50%, -50%);transition: .35s }.qa .ic::before {width: 11px;height: 1px }.qa .ic::after {width: 1px;height: 11px }.qa[aria-open="true"] .ic {background: var(--slate);border-color: var(--slate) }.qa[aria-open="true"] .ic::before, .qa[aria-open="true"] .ic::after {background: var(--cream) }.qa[aria-open="true"] .ic::after {transform: translate(-50%, -50%) scaleY(0) }.qa .ans {overflow: hidden;max-height: 0;transition: max-height .45s ease }.qa .ans p {padding: 0 0 1.6rem;color: var(--ink-soft);max-width: 62ch;font-size: 1rem }.final {text-align: center;position: relative;overflow: hidden }.final h2 {font-size: clamp(2.2rem, 5vw, 3.6rem);color: var(--canvas);margin: 1.2rem auto .5rem;max-width: 18ch }.final p {color: rgba(244, 240, 233, .82);font-weight: 300;max-width: 52ch;margin: 0 auto;font-size: 1.12rem }.final .signature {font-family: var(--serif);font-style: italic;font-size: clamp(1.5rem, 3vw, 2.1rem);color: var(--canvas);margin: 2.2rem auto 2.4rem;letter-spacing: .01em }.final .eyebrow {color: rgba(244, 240, 233, .85) }.final .eyebrow::before {background: rgba(244, 240, 233, .7) }.final .btn-light {padding: 1.15rem 2.4rem;font-size: .8rem }#produtos .prod-head {display: flex;justify-content: space-between;align-items: flex-end;gap: 1.5rem;flex-wrap: wrap }.car-nav {display: flex;gap: .6rem }.car-btn {width: 48px;height: 48px;border-radius: 50%;border: 1px solid var(--slate);background: transparent;color: var(--slate);font-size: 1.15rem;cursor: pointer;transition: .3s;display: grid;place-items: center }.car-btn:hover {background: var(--slate);color: var(--cream);transform: translateY(-2px) }.car-track {display: flex;gap: clamp(16px, 2vw, 26px);overflow-x: auto;scroll-snap-type: x mandatory;scroll-behavior: smooth;margin-top: clamp(36px, 4vw, 52px);padding-bottom: 12px;scrollbar-width: none }.car-track::-webkit-scrollbar {display: none }.prod-card {flex: 0 0 auto;width: clamp(228px, 26vw, 300px);scroll-snap-align: start;text-decoration: none;color: inherit }.prod-card .clip {aspect-ratio: 1/1;border-radius: 2px;overflow: hidden;background: var(--canvas-2);box-shadow: 0 30px 50px -38px rgba(43, 47, 56, .5) }.prod-card .name {font-family: var(--serif);font-size: 1.12rem;margin-top: 1rem;letter-spacing: -0.01em;transition: color .3s }.prod-card .meta {font-size: .68rem;letter-spacing: .24em;text-transform: uppercase;color: var(--slate);font-weight: 600;margin-top: .35rem }.prod-card:hover .name {color: var(--slate) }footer {background: var(--canvas-2);padding: clamp(44px, 5vw, 64px) 0;border-top: 1px solid var(--line);padding-bottom: 0px;padding-top: 20px;}.foot {display: flex;flex-wrap: wrap;gap: 1.5rem;align-items: center;justify-content: space-between;padding-bottom: 20px;}.foot img {height: 42px;width: auto;opacity: .9 }.foot .meta {color: var(--ink-soft);font-size: .85rem;line-height: 1.7 }.foot .meta a {color: var(--slate) }.clip .photo {transform: scale(1.12);transition: transform 1.1s cubic-bezier(.2, .7, .3, 1);will-change: transform }.clip.in .photo {transform: scale(1) }@media(hover:hover) {.clip.in:hover .photo {transform: scale(1.07) }}.hero-photo .clip .photo {animation: kenburns 22s ease-in-out infinite alternate }@keyframes kenburns {0% {transform: scale(1.04) translate3d(0, 0, 0) }100% {transform: scale(1.12) translate3d(-1.5%, -2%, 0) }}@media(prefers-reduced-motion:reduce) {.clip .photo, .clip.in .photo, .hero-photo .clip .photo {transform: none;animation: none }}.reveal {opacity: 0;transform: translateY(26px);transition: opacity .8s ease, transform .8s cubic-bezier(.2, .7, .3, 1) }.reveal.in {opacity: 1;transform: none }@media(prefers-reduced-motion:reduce) {.reveal {opacity: 1;transform: none;transition: none }html {scroll-behavior: auto }.btn:hover {transform: none }}:focus-visible {outline: 2px solid var(--slate);outline-offset: 3px }.area-footer {padding: 0px;max-width: 1200px;margin: 0 auto;}* {@media (pointer: coarse) {cursor: none !important;}}