/* Creative 3.0 — a quieter composition using the original brand palette. */
.creative-minimal { --space: clamp(72px, 10vw, 148px); --gutter: clamp(22px, 5vw, 88px); --muted: #a3abb0; }
.creative-minimal .site-header { position: fixed; inset: 0 0 auto; padding: 26px var(--gutter); background: rgba(6, 8, 10, .94); border: 0; z-index: 50; backdrop-filter: blur(12px); gap: 32px; }
.creative-minimal .brand { width: 205px; }
.creative-minimal .desktop-nav { gap: 30px; }
.creative-minimal .desktop-nav a { font-size: 13px; letter-spacing: .01em; }
.creative-minimal .site-header.is-fixed { padding: 22px var(--gutter); }
.creative-minimal .tech-title, .creative-minimal h1, .creative-minimal h2 { -webkit-text-stroke: 0; -webkit-text-fill-color: currentColor; text-transform: none; letter-spacing: -.045em; line-height: 1.12; font-weight: 700; }
.creative-minimal .tech-title .tech-line { width: auto; padding: 0; animation: none; }
.creative-minimal .tech-title .tech-line::after { display: none; animation: none; }
.creative-minimal .tech-title { transform: none; width: auto; margin-right: 0; }
.creative-minimal em { font-style: normal; color: var(--cyan); }
.creative-minimal .kicker { font-size: 11px; letter-spacing: .16em; color: var(--cyan); line-height: 1.5; margin: 0 0 24px; text-transform: uppercase; }
.creative-minimal .hero { min-height: 720px; height: auto; padding: 190px var(--gutter) 120px; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); align-items: center; gap: 40px; }
.creative-minimal .hero::before { opacity: .05; }
.creative-minimal .hero h1 { font-size: clamp(38px, 4.7vw, 76px); line-height: 1.05; width: 100%; }
.creative-minimal .hero .eyebrow { margin-bottom: 30px; font-size: 11px; }
.creative-minimal .hero .eyebrow > span { display: none; }
.creative-minimal .service-line { font-size: 15px; line-height: 1.6; letter-spacing: 0; margin: 30px 0; }
.creative-minimal .hero-art { height: 380px; min-height: 0; opacity: .4; }
.creative-minimal .hero-art::before, .creative-minimal .hero-art::after { display: none; }
.creative-minimal .art-mark { inset: 0; width: 100%; height: 100%; opacity: .6; }
.creative-minimal .scroll-note { display: none; }
.creative-minimal .primary-cta, .creative-minimal .minimal-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 34px; padding: 18px 24px; min-height: 56px; max-width: 100%; border: 1px solid rgba(0, 200, 248, .4); border-radius: 0; background: transparent; color: var(--white); font-size: 13px; font-weight: 700; letter-spacing: .02em; line-height: 1.4; text-transform: none; transition: background .2s, border-color .2s; }
.creative-minimal .primary-cta::before, .creative-minimal .primary-cta::after { display: none; }
.creative-minimal .primary-cta b, .creative-minimal .minimal-button > span { width: auto; height: auto; display: inline; font-size: 22px; background: transparent; color: var(--cyan); padding: 0; border-radius: 0; }
.creative-minimal .primary-cta:hover, .creative-minimal .minimal-button:hover { background: #102028; border-color: var(--cyan); }
.creative-minimal .text-link { display: inline-flex; gap: 22px; align-items: center; font-size: 13px; line-height: 1.5; font-weight: 600; color: inherit; border-bottom: 1px solid currentColor; padding-bottom: 7px; }
.creative-minimal .text-link > span { font-size: 20px; color: var(--cyan); }
.creative-minimal .text-link:hover { color: var(--cyan); }
.creative-minimal .section { padding: var(--space) var(--gutter); }
.creative-minimal .minimal-section-heading { display: grid; grid-template-columns: .55fr 1.45fr; align-items: start; gap: 32px; margin-bottom: 70px; }
.creative-minimal .minimal-section-heading .kicker { margin-top: 7px; }
.creative-minimal .minimal-section-heading h2 { margin: 0; font-size: clamp(30px, 3.1vw, 48px); }
.creative-minimal .minimal-section-heading h2 .tech-line:last-child { color: var(--cyan); }
.creative-minimal .minimal-section-heading > div { grid-column: 2; }
.creative-minimal .minimal-section-heading > div .kicker { margin-bottom: 18px; }
.creative-minimal .services-section { border-top: 1px solid var(--line); }
.creative-minimal .minimal-services-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(24px, 4vw, 64px); }
.creative-minimal .minimal-service { display: flex; flex-direction: column; align-items: flex-start; padding: 28px 0 0; border-top: 1px solid #344149; scroll-margin-top: 140px; }
.creative-minimal .service-number { color: var(--cyan); font: 12px Consolas, monospace; }
.creative-minimal .minimal-service:nth-child(2n) .service-number { color: var(--pink); }
.creative-minimal .minimal-service h3 { font-size: clamp(23px, 2.1vw, 32px); letter-spacing: -.035em; line-height: 1.15; margin: 28px 0 18px; max-width: 320px; }
.creative-minimal .minimal-service > p { font-size: 16px; line-height: 1.65; color: var(--muted); margin: 0 0 26px; max-width: 360px; }
.creative-minimal .inline-investment { display: grid; gap: 8px; margin: 0 0 30px; }
.creative-minimal .inline-investment strong { color: var(--white); font-size: 18px; font-weight: 500; line-height: 1.5; }
.creative-minimal .inline-investment small { color: var(--muted); font-size: 13px; line-height: 1.6; }
.creative-minimal .minimal-service .text-link { margin-top: auto; }
.creative-minimal .services-footer-action { margin-top: 60px; justify-content: flex-end; }
.creative-minimal .portfolio-section { background: #dfe4e1; color: #10191d; }
.creative-minimal .portfolio-section .kicker { color: #00647d; }
.creative-minimal .portfolio-section .minimal-section-heading h2, .creative-minimal .portfolio-section .tech-line { color: #10191d; }
.creative-minimal .portfolio-section .minimal-section-heading h2 .tech-line:last-child { color: #00647d; }
.creative-minimal .case-list { display: grid; gap: clamp(90px, 12vw, 170px); }
.creative-minimal .case-feature { min-width: 0; }
.creative-minimal .case-artwork { position: relative; display: block; overflow: hidden; background: #dfe4e1; }
.creative-minimal .case-artwork > img { display: block; width: 100%; height: auto; max-height: none; object-fit: contain; transition: opacity .25s; }
.creative-minimal .case-artwork:hover > img { opacity: .94; }
.creative-minimal .case-artwork-empty { min-height: 320px; display: grid; place-items: center; background: #10191d; }
.creative-minimal .case-artwork-empty > img { width: 180px; opacity: .35; }
.creative-minimal .case-open { position: absolute; bottom: 24px; right: 24px; background: #06080a; color: var(--cyan); padding: 16px 20px; font-size: 24px; line-height: 1; }
.creative-minimal .case-caption { display: grid; grid-template-columns: 1fr 1.1fr auto; gap: 32px; align-items: start; padding: 28px 0 0; }
.creative-minimal .case-caption h3 { font-size: clamp(23px, 2.5vw, 36px); line-height: 1.1; letter-spacing: -.04em; margin: 0; }
.creative-minimal .case-caption p { color: #566166; font-size: 14px; line-height: 1.65; margin: 0; }
.creative-minimal .case-caption .case-summary { margin-top: 10px; }
.creative-minimal .case-caption .text-link > span { color: #00647d; }
.creative-minimal .portfolio-footer { margin-top: 65px; justify-content: flex-end; }
.creative-minimal .portfolio-footer .primary-cta { color: #10191d; border-color: #71838b; }
.creative-minimal .portfolio-footer .primary-cta:hover { background: #dce6e6; }
.creative-minimal .minimal-about { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; padding: var(--space) var(--gutter); }
.creative-minimal .minimal-about h2 { font-size: clamp(30px, 3.1vw, 48px); margin: 0; }
.creative-minimal .minimal-about-copy { padding-top: 44px; max-width: 570px; }
.creative-minimal .minimal-about-copy > p { font-size: 19px; line-height: 1.7; color: var(--muted); margin: 0 0 28px; }
.creative-minimal .minimal-process { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; padding-top: 28px; scroll-margin-top: 140px; }
.creative-minimal .minimal-process details { border-top: 1px solid var(--line); padding-top: 20px; }
.creative-minimal .minimal-process summary { display: flex; align-items: center; gap: 14px; font-size: 16px; cursor: pointer; list-style: none; }
.creative-minimal .minimal-process summary > span { font: 11px Consolas, monospace; color: var(--cyan); }
.creative-minimal .minimal-process summary > b { margin-left: auto; color: var(--muted); font-weight: 400; }
.creative-minimal .minimal-process details > p { font-size: 14px; color: var(--muted); line-height: 1.7; }
.creative-minimal summary::-webkit-details-marker { display: none; }
.creative-minimal .minimal-contact { padding: var(--space) var(--gutter); border-top: 1px solid var(--line); background: #080d10; position: relative; }
.creative-minimal .minimal-contact::after { content: ''; position: absolute; right: var(--gutter); top: 25%; width: 180px; height: 180px; background: url('../images/creative-mark.svg') center/contain no-repeat; opacity: .06; pointer-events: none; }
.creative-minimal .minimal-contact h2 { margin: 0 0 36px; font-size: clamp(34px, 4.5vw, 68px); max-width: 850px; }
.creative-minimal footer { padding: 60px var(--gutter); gap: 32px; }
.creative-minimal footer > p { display: none; }
.creative-minimal .footer-nav-list { gap: 22px; }
.creative-minimal .footer-nav a, .creative-minimal footer small, .creative-minimal .footer-links a { font-size: 12px; }
.creative-minimal .project-hero.services-page-hero { min-height: 0; padding: 185px var(--gutter) 80px; grid-template-columns: 1fr; background: var(--black); }
.creative-minimal .services-page-hero::before, .creative-minimal .services-page-hero::after { display: none; }
.creative-minimal .services-page-hero h1 { font-size: clamp(34px, 4.2vw, 64px); max-width: 1050px; }
.creative-minimal .services-page-subtitle { font-size: 17px; line-height: 1.7; max-width: 600px; margin-top: 28px; }
.creative-minimal .services-hero-actions { display: none; }
.creative-minimal .services-page #catalogo-servicos { padding-top: 30px; border-top: 0; }
.creative-minimal .minimal-portfolio .portfolio-section { padding-top: 90px; }
.creative-minimal .services-faq-section .minimal-section-heading { margin-bottom: 36px; }
.creative-minimal .minimal-faq, .creative-minimal .services-faq-section { padding: 80px var(--gutter) var(--space); max-width: 1200px; }
.creative-minimal .minimal-faq > h2 { font-size: 30px; margin: 0 0 36px; }
.creative-minimal .faq-grid { gap: 0; }
.creative-minimal .faq-item { background: transparent; padding: 22px 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; }
.creative-minimal .faq-item summary { font-size: 17px; }
.creative-minimal .faq-item p { font-size: 15px; line-height: 1.7; max-width: 650px; }
.creative-minimal .minimal-service-hero, .creative-minimal .minimal-project-heading { padding: 175px var(--gutter) 80px; }
.creative-minimal .minimal-service-hero > .text-link, .creative-minimal .minimal-project-heading > .text-link { margin-bottom: 55px; color: var(--muted); }
.creative-minimal .minimal-service-hero h1, .creative-minimal .minimal-project-heading h1 { font-size: clamp(36px, 4.7vw, 72px); margin: 0 0 28px; max-width: 1050px; }
.creative-minimal .minimal-lead { max-width: 680px; color: var(--muted); font-size: 18px; line-height: 1.7; margin-bottom: 32px; }
.creative-minimal .minimal-scope, .creative-minimal .minimal-project-story { display: grid; grid-template-columns: 1fr 1.4fr; gap: 70px; margin: 0 var(--gutter); padding: 65px 0; border-top: 1px solid var(--line); }
.creative-minimal .minimal-scope h2, .creative-minimal .minimal-project-story h2 { font-size: 30px; margin: 0; }
.creative-minimal .minimal-scope ul { list-style: none; margin: 0 0 28px; padding: 0; }
.creative-minimal .minimal-scope li { padding: 10px 0; font-size: 16px; color: var(--muted); }
.creative-minimal .minimal-disclosure { border-bottom: 1px solid var(--line); padding: 22px 0; }
.creative-minimal .minimal-disclosure > summary { display: flex; gap: 24px; justify-content: space-between; font-size: 16px; cursor: pointer; list-style: none; font-weight: 500; }
.creative-minimal .minimal-disclosure > summary > span { color: var(--cyan); }
.creative-minimal details[open] > summary > span:last-child, .creative-minimal details[open] > summary > b { transform: rotate(45deg); }
.creative-minimal .minimal-disclosure p, .creative-minimal .minimal-disclosure li { color: var(--muted); font-size: 16px; line-height: 1.8; }
.creative-minimal .minimal-disclosure > div, .creative-minimal .minimal-disclosure > ul { padding-top: 18px; }
.creative-minimal .minimal-disclosure .entry-content h2, .creative-minimal .minimal-disclosure .entry-content h3 { font-size: 22px; margin-top: 30px; color: var(--white); }
.creative-minimal .minimal-service-case { padding: var(--space) var(--gutter); background: #eeefeb; color: #10191d; }
.creative-minimal .minimal-service-case > .kicker { color: #00647d; margin-bottom: 34px; }
.creative-minimal .service-form-disclosure { max-width: 950px; margin-top: 50px; }
.creative-minimal .service-form-disclosure .contact-form-section { padding: 35px 0; }
.creative-minimal .service-form-disclosure .section-heading { display: none; }
.creative-minimal .minimal-project-meta { display: flex; flex-wrap: wrap; gap: 20px 40px; align-items: center; color: var(--muted); font-size: 15px; }
.creative-minimal .minimal-project-meta p { margin: 0; line-height: 1.6; }
.creative-minimal .minimal-project-cover { margin: 0 var(--gutter) var(--space); }
.creative-minimal .minimal-project-cover .project-gallery-link, .creative-minimal .minimal-gallery-grid .project-gallery-link { height: auto; min-height: 0; }
.creative-minimal .minimal-project-cover img { width: 100%; height: auto; display: block; }
.creative-minimal .minimal-project-galleries { padding: 0 var(--gutter); }
.creative-minimal .minimal-gallery-group { margin-bottom: var(--space); }
.creative-minimal .minimal-gallery-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; align-items: start; }
.creative-minimal .minimal-gallery-grid figure { margin: 0; }
.creative-minimal .minimal-gallery-grid figure:first-child { grid-column: 1 / -1; }
.creative-minimal .minimal-gallery-grid img { display: block; width: 100%; height: auto; }
.creative-minimal .minimal-gallery-grid figcaption { font-size: 12px; line-height: 1.5; color: var(--muted); padding-top: 14px; }
.creative-minimal .minimal-project-story { padding-bottom: var(--space); }
.creative-minimal .minimal-project-navigation { padding: 40px var(--gutter); display: flex; justify-content: space-between; gap: 30px; border-top: 1px solid var(--line); }
.creative-minimal .project-lightbox-nav[hidden] { display: none; }
.creative-minimal #sobre, .creative-minimal #servicos, .creative-minimal #portfolio { scroll-margin-top: 90px; }
.motion-ready .creative-minimal [data-reveal] { transition-delay: 0ms; }
@media (max-width: 760px) {
  .creative-minimal .site-header, .creative-minimal .site-header.is-fixed { padding: 18px 22px 14px; gap: 14px; }
  .creative-minimal .brand { width: 158px; }
  .creative-minimal .desktop-nav { gap: 24px; margin: 0; padding-top: 10px; justify-content: center; width: 100%; overflow-x: auto; }
  .creative-minimal .desktop-nav a { font-size: 11px; }
  .creative-minimal .hero { padding-top: 170px; padding-bottom: 85px; min-height: 0; grid-template-columns: 1fr; }
  .creative-minimal .hero h1 { font-size: clamp(35px, 8.8vw, 58px); }
  .creative-minimal .hero-art { position: absolute; width: 140px; height: 140px; top: 160px; right: 0; opacity: .08; pointer-events: none; }
  .creative-minimal .hero-copy { position: relative; z-index: 1; }
  .creative-minimal .service-line { max-width: 290px; }
  .creative-minimal .minimal-section-heading { grid-template-columns: 1fr; margin-bottom: 42px; gap: 12px; }
  .creative-minimal .minimal-section-heading > div { grid-column: auto; }
  .creative-minimal .minimal-services-grid { grid-template-columns: 1fr; gap: 52px; }
  .creative-minimal .minimal-service h3 { max-width: none; margin-top: 22px; }
  .creative-minimal .minimal-service > p { max-width: none; }
  .creative-minimal .services-footer-action, .creative-minimal .portfolio-footer { margin-top: 45px; justify-content: flex-start; }
  .creative-minimal .case-caption { grid-template-columns: 1fr; gap: 14px; padding-top: 22px; }
  .creative-minimal .case-caption .text-link { justify-self: start; }
  .creative-minimal .case-open { padding: 12px 14px; bottom: 14px; right: 14px; font-size: 20px; }
  .creative-minimal .case-artwork-empty { min-height: 240px; }
  .creative-minimal .minimal-about { grid-template-columns: 1fr; gap: 32px; }
  .creative-minimal .minimal-about-copy { padding-top: 0; }
  .creative-minimal .minimal-process { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 20px; }
  .creative-minimal .minimal-process summary { font-size: 14px; gap: 8px; }
  .creative-minimal .minimal-contact::after { width: 90px; height: 90px; top: auto; bottom: 65px; }
  .creative-minimal footer { grid-template-columns: 1fr; }
  .creative-minimal .project-hero.services-page-hero { padding-top: 170px; padding-bottom: 65px; }
  .creative-minimal .minimal-service-hero, .creative-minimal .minimal-project-heading { padding-top: 170px; padding-bottom: 60px; }
  .creative-minimal .minimal-service-hero > .text-link, .creative-minimal .minimal-project-heading > .text-link { margin-bottom: 36px; }
  .creative-minimal .minimal-scope, .creative-minimal .minimal-project-story { grid-template-columns: 1fr; gap: 30px; padding: 45px 0; }
  .creative-minimal .minimal-gallery-grid { grid-template-columns: 1fr; }
  .creative-minimal .minimal-project-navigation { flex-wrap: wrap; }
  .creative-minimal .minimal-project-cover { margin-left: 0; margin-right: 0; }
  .creative-minimal .minimal-project-meta { gap: 16px; }
  .creative-minimal .minimal-disclosure .entry-content img { height: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .creative-minimal *, .creative-minimal *::before, .creative-minimal *::after { animation: none !important; transition: none !important; }
}
.creative-minimal .service-form-disclosure .contact-form-copy { display: none; }
.creative-minimal .service-form-disclosure .contact-form-layout { display: block; }
.creative-minimal .service-form-disclosure .contact-form-wrapper { max-width: 900px; }
.creative-minimal .minimal-home .hero h1 .tech-line:last-child { color: var(--cyan); }
.creative-minimal .minimal-home .hero h1 strong { color: var(--pink); }

.creative-minimal .primary-cta, .creative-minimal .minimal-button { width: fit-content; min-width: 0; }
.creative-minimal .faq-summary { padding: 0; }
.creative-minimal .faq-content { padding-top: 18px; padding-bottom: 0; }
.creative-minimal .contact-form-section { background: var(--black); }

.creative-minimal.admin-bar .site-header { top: 32px; }
.creative-minimal .contact-page .contact-form-copy { display: none; }
.creative-minimal .contact-page .contact-form-section { padding-top: 0; }
.creative-minimal .contact-page .contact-form-layout { display: block; }
.creative-minimal .contact-page .contact-form-wrapper { max-width: 950px; }
.creative-minimal .contact-form-wrapper { padding: clamp(22px, 3vw, 40px); background: #0a0f12; border: 1px solid var(--line); }
.creative-minimal .contact-form-grid label { margin-bottom: 8px; }
.creative-minimal .creative-whatsapp-float { width: 56px; height: 56px; padding: 14px; right: 22px; bottom: 22px; min-width: 0; gap: 0; justify-content: center; border-radius: 50%; box-shadow: none; }
.creative-minimal .creative-whatsapp-float > span, .creative-minimal .creative-whatsapp-float::after { display: none; }
@media (max-width: 782px) { .creative-minimal.admin-bar .site-header { top: 46px; } }