/*
Theme Name: KUVVA Hareketi
Theme URI: https://kuvvahareketi.com/
Author: KUVVA
Description: KUVVA Hareketi için özel tek sayfa tema.
Version: 1.0.0
Text Domain: kuvva-hareketi
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

* { box-sizing: border-box; }
:root { font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #20231f; background: #f5f2e9; font-synthesis: none; scroll-behavior: smooth; }
body { min-width: 320px; margin: 0; }
a { color: inherit; }
.site-header { position: relative; z-index: 10; height: 82px; display: flex; align-items: center; justify-content: space-between; padding: 0 clamp(22px, 6vw, 92px); background: #f5f2e9; }
.logo { font-family: 'Manrope', sans-serif; font-weight: 800; font-size: 1.35rem; letter-spacing: .16em; text-decoration: none; }
.logo img { display: block; width: 58px; height: 58px; object-fit: contain; }
.logo span { color: #b13f30; font-size: .7rem; vertical-align: top; letter-spacing: 0; }
.site-nav { display: flex; align-items: center; gap: clamp(20px, 3.4vw, 52px); }
.site-nav a { font-size: .9rem; text-decoration: none; }
.site-nav a:hover, .text-link:hover { color: #b13f30; }
.site-nav .nav-contact { padding: 12px 17px; border: 1px solid #cbc8bd; border-radius: 99px; }
.nav-contact span { margin-left: 9px; color: #b13f30; }
.menu-toggle { display: none; }
.hero { padding: 0 0 38px; color: #20231f; background: #f5f2e9; }
.hero-banner-wrap { width: 100%; margin: 0 auto; background: #211613; }
.hero-banner { display: block; width: 100%; max-width: none; height: auto; margin: 0 auto; }
.hero-caption { display: flex; align-items: center; justify-content: space-between; max-width: 1600px; margin: 0 auto; padding: 18px clamp(22px, 6vw, 92px) 0; }
.hero-caption p { margin: 0; font-family: 'Manrope', sans-serif; font-size: .95rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.hero-caption p span { padding: 0 8px; color: #b13f30; }
.hero-cta { display: inline-flex; align-items: center; gap: 18px; padding: 12px 17px; border: 1px solid #cbc8bd; border-radius: 99px; font-size: .85rem; text-decoration: none; }
.hero-cta span { color: #b13f30; }
.hero-topline { z-index: 1; display: flex; align-items: center; gap: 10px; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; }
.hero-dot { width: 8px; height: 8px; border-radius: 50%; background: #cf634b; }
.hero-copy { z-index: 1; width: min(1120px, 88vw); margin: auto 0; padding: 55px 0 44px; }
.eyebrow, .section-label { font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow { margin: 0 0 25px; color: #d77b60; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: 'Manrope', sans-serif; }
h1 { max-width: 1120px; margin-bottom: 34px; font-size: clamp(2.1rem, 4.15vw, 4.4rem); font-weight: 600; line-height: 1.12; letter-spacing: -.055em; }
h1 em, h2 em { color: #d77b60; font-style: normal; }
.hero-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.attribution { margin: 0; color: #d0d1c9; font-size: .87rem; }
.attribution span { padding: 0 8px; color: #d77b60; }
.scroll-link { display: flex; align-items: center; gap: 18px; font-size: .84rem; text-decoration: none; }
.scroll-link span { color: #d77b60; font-size: 1.2rem; }
.hero-mark { position: absolute; right: 5vw; bottom: -16vw; color: #ffffff08; font-family: 'Manrope', sans-serif; font-size: 58vw; font-weight: 800; line-height: .9; pointer-events: none; }
.quote-source { position: absolute; right: clamp(22px, 6vw, 92px); bottom: 9px; color: #a9ada5; font-size: .65rem; }
.section-wrap { padding-right: clamp(22px, 10vw, 150px); padding-left: clamp(22px, 10vw, 150px); }
.intro-section { display: grid; grid-template-columns: 1fr 3fr; gap: 30px; padding-top: 130px; padding-bottom: 140px; }
.section-label { color: #777b72; }
.section-label span { margin-right: 12px; color: #b13f30; }
.intro-content { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 46px; }
.about-copy h2 { max-width: 720px; margin: -10px 0 24px; font-size: clamp(2rem, 3.3vw, 3.4rem); font-weight: 600; line-height: 1.18; letter-spacing: -.055em; }
.about-copy > p { max-width: 650px; color: #676b62; font-size: 1rem; line-height: 1.75; }
.about-image { position: relative; margin: 0; }
.about-image img { display: block; width: 100%; max-height: 520px; object-fit: cover; filter: saturate(.7); }
.about-image figcaption { margin-top: 10px; color: #777b72; font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }
.section-heading h2, .articles-heading h2 { margin: -10px 0 0; font-size: clamp(2.6rem, 5.3vw, 5.1rem); line-height: 1.04; letter-spacing: -.07em; }
.intro-content h2 span { color: #9b9c91; }
.principles-grid { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 34px; border-top: 1px solid #d5d1c6; }
.principles-title { grid-column: 1 / -1; padding: 20px 0 0; }
.principle-card { padding: 24px 26px 0 0; }
.principle-card + .principle-card { padding-left: 26px; border-left: 1px solid #d5d1c6; }
.principle-number { color: #b13f30; font-size: .68rem; letter-spacing: .12em; }
.principle-card h3 { margin: 22px 0 10px; font-size: 1.35rem; letter-spacing: -.04em; }
.principle-card p, .why-copy p, .work-card p, .contact-inner > p { color: #676b62; font-size: .95rem; line-height: 1.75; }
.text-link { display: inline-flex; align-items: center; gap: 12px; margin-top: 20px; font-size: .88rem; text-decoration: none; }
.text-link span { color: #b13f30; }
.why-section { padding: 100px 0 85px; background: #e9e6dc; }
.why-inner { display: grid; grid-template-columns: 1fr 3fr; gap: 30px; }
.why-copy { display: grid; grid-template-columns: 1fr 1fr; gap: 5px 55px; }
.why-copy h2 { grid-column: 1 / -1; margin: -10px 0 28px; font-size: clamp(2.5rem, 5vw, 4.7rem); line-height: 1.04; letter-spacing: -.07em; }
.why-copy p { max-width: 450px; margin: 0; }
.capacity-line { grid-column: 2; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 62px; padding: 22px 0; border-top: 1px solid #cbc8bd; border-bottom: 1px solid #cbc8bd; font-family: 'Manrope', sans-serif; font-size: clamp(.75rem, 1.25vw, 1.05rem); font-weight: 600; text-transform: uppercase; }
.capacity-line b { color: #b13f30; font-size: 1.1rem; }
.capacity-line strong { color: #b13f30; letter-spacing: .1em; }
.history-section { padding: 105px 0 100px; color: #f5f2e9; background: #1d2822; }
.history-inner { display: grid; grid-template-columns: 1fr 3fr; gap: 30px; }
.history-inner .section-label { color: #c5c8bf; }
.history-inner h2 { grid-column: 2; margin: -10px 0 5px; font-size: clamp(2.6rem, 5.3vw, 5rem); line-height: 1.04; letter-spacing: -.07em; }
.history-line { grid-column: 2; display: flex; align-items: center; gap: clamp(12px, 3vw, 44px); margin: 30px 0 44px; padding: 22px 0; border-top: 1px solid #ffffff30; border-bottom: 1px solid #ffffff30; font-size: clamp(.72rem, 1.4vw, 1rem); letter-spacing: .08em; text-transform: uppercase; }
.history-line b { color: #d77b60; }
.history-line strong { color: #d77b60; }
.history-inner blockquote { grid-column: 2; max-width: 960px; margin: 0; padding-left: 24px; border-left: 2px solid #b13f30; color: #eeeae0; font-family: 'Manrope', sans-serif; font-size: clamp(1.15rem, 2vw, 1.75rem); line-height: 1.5; }
.history-inner cite { display: block; margin-top: 20px; color: #aeb2a9; font-family: 'DM Sans', sans-serif; font-size: .75rem; font-style: normal; letter-spacing: .08em; text-transform: uppercase; }
.work-section { padding: 105px 0 120px; background: #e9e6dc; }
.section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 25px; margin-bottom: 55px; }
.section-heading h2 { font-size: clamp(2.5rem, 5vw, 4.7rem); }
.work-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.work-card { min-height: 340px; position: relative; display: flex; flex-direction: column; align-items: flex-start; padding: 25px 27px; }
.work-card-dark { color: #f5f2e9; background: #1d2822; }
.work-card-red { color: #f5f2e9; background: #b13f30; }
.work-card-light { color: #20231f; background: #f5f2e9; }
.card-index { font-size: .65rem; letter-spacing: .13em; opacity: .72; }
.card-icon { margin: 35px 0 18px; color: #df876d; font-size: 1.65rem; }
.work-card h3 { margin-bottom: 13px; font-size: clamp(1.8rem, 3vw, 2.45rem); line-height: 1.03; letter-spacing: -.055em; }
.work-card p { max-width: 270px; margin-bottom: 25px; font-size: .88rem; }
.work-card-dark p, .work-card-red p { color: #e0ddd4; }
.work-card > a { position: absolute; right: 25px; bottom: 23px; display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid currentColor; border-radius: 50%; text-decoration: none; }
.articles-section { padding-top: 125px; padding-bottom: 140px; }
.articles-heading { display: flex; align-items: end; justify-content: space-between; margin: 30px 0 42px; }
.articles-heading h2 { font-size: clamp(2.8rem, 6vw, 5.4rem); }
.articles-heading .text-link { margin: 0 0 10px; }
.article-row { display: grid; grid-template-columns: 1fr 3fr 40px; align-items: center; gap: 20px; padding: 24px 0; border-top: 1px solid #d5d1c6; text-decoration: none; }
.article-row:last-child { border-bottom: 1px solid #d5d1c6; }
.article-date { color: #777b72; font-size: .67rem; letter-spacing: .1em; }
.article-title { font-family: 'Manrope', sans-serif; font-size: clamp(1.15rem, 2.1vw, 1.65rem); font-weight: 600; letter-spacing: -.04em; }
.article-arrow { justify-self: end; color: #b13f30; font-size: 1.2rem; transition: transform .2s ease; }
.article-row:hover .article-arrow { transform: translate(3px, -3px); }
.instagram-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 20px; }
.instagram-embed { width: 100%; max-width: 540px; min-width: 0 !important; margin: 0 auto !important; }
.contact-section { padding: 95px 0 105px; color: #f5f2e9; background: #1d2822; }
.contact-inner { position: relative; }
.contact-inner .section-label { color: #c5c8bf; }
.contact-inner h2 { margin: 45px 0 20px; font-size: clamp(3.5rem, 8vw, 7rem); line-height: .98; letter-spacing: -.075em; }
.contact-inner > p { color: #c5c8bf; }
.contact-button { display: inline-flex; align-items: center; gap: 45px; margin-top: 17px; padding: 15px 19px; border-radius: 99px; color: #20231f; background: #f5f2e9; font-size: .9rem; text-decoration: none; }
.contact-button span { color: #b13f30; }
.archive-section { background: #293b31; }
.join-section { padding: 95px 0 105px; background: #e9e6dc; }
.join-inner h2 { margin: 40px 0 25px; font-size: clamp(3.4rem, 7vw, 6rem); line-height: .98; letter-spacing: -.075em; }
.join-inner h2 em { color: #b13f30; font-style: normal; }
.follow-section { padding: 82px 0 92px; color: #f5f2e9; background: #1d2822; }
.follow-inner { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 50px; }
.follow-inner .section-label { color: #c5c8bf; }
.follow-inner h2 { margin: 30px 0 0; font-size: clamp(2.7rem, 5.5vw, 5rem); line-height: 1; letter-spacing: -.07em; }
.follow-inner h2 em { color: #d77b60; font-style: normal; }
.follow-links { display: grid; gap: 12px; }
.follow-links a { display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; gap: 12px; padding: 22px 24px; border: 1px solid #f5f2e94d; color: #f5f2e9; text-decoration: none; transition: background .2s ease, color .2s ease; }
.follow-links a:hover { color: #20231f; background: #f5f2e9; }
.follow-platform { font-family: 'Manrope', sans-serif; font-size: 1.2rem; font-weight: 700; }
.follow-handle { color: #c5c8bf; font-size: .85rem; }
.follow-links a:hover .follow-handle { color: #676b62; }
.follow-arrow { color: #d77b60; font-size: 1.35rem; }
.site-footer { display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 20px; padding: 28px clamp(22px, 6vw, 92px); }
.site-footer .logo img { width: 74px; height: 74px; }
.footer-brand strong { font-family: 'Manrope', sans-serif; font-size: .78rem; letter-spacing: .13em; }
.footer-brand p { margin: 6px 0 0; color: #777b72; font-size: .72rem; }
.footer-brand p span { color: #b13f30; }
.site-footer p { margin: 0; color: #777b72; font-size: .82rem; }
.site-footer > a:not(.logo) { justify-self: end; font-size: .82rem; text-decoration: none; }
.site-footer small { color: #777b72; font-size: .72rem; }
.social-links { display: flex; gap: 16px; }
.social-links a { color: #55584f; font-size: .82rem; text-decoration: none; }
.social-links a:hover { color: #b13f30; }
@media (max-width: 760px) {
  .site-header { height: 70px; }
  .menu-toggle { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid #cbc8bd; border-radius: 50%; color: #20231f; background: transparent; font-size: 1.1rem; }
  .site-nav { position: absolute; z-index: 5; top: 70px; right: 0; left: 0; display: none; align-items: stretch; gap: 0; padding: 10px 22px 20px; background: #f5f2e9; }
  .site-nav.is-open { display: flex; flex-direction: column; }
  .site-nav a { padding: 14px 0; }
  .site-nav .nav-contact { align-self: flex-start; padding: 11px 16px; }
  .hero { padding: 0 0 35px; }
  .hero-banner-wrap { display: block; height: auto; }
  .hero-banner { width: 100%; height: auto; }
  .hero-caption { padding: 15px 14px 0; }
  .hero-caption p { font-size: .68rem; letter-spacing: .07em; }
  .hero-caption p span { padding: 0 3px; }
  .hero-cta { gap: 8px; padding: 10px 12px; font-size: .75rem; }
  .hero-copy { width: 100%; padding: 35px 0; }
  h1 { font-size: clamp(1.8rem, 7vw, 2.7rem); line-height: 1.16; }
  .hero-bottom { align-items: flex-start; flex-direction: column; }
  .quote-source { right: auto; left: 22px; }
  .intro-section { display: block; padding-top: 85px; padding-bottom: 90px; }
  .intro-content { display: block; margin-top: 40px; }
  .about-copy h2 { margin-bottom: 25px; font-size: clamp(1.8rem, 7vw, 2.7rem); }
  .about-image { margin-top: 38px; }
  .principles-grid { grid-template-columns: 1fr; }
  .principle-card, .principle-card + .principle-card { padding: 20px 0; border-left: 0; border-bottom: 1px solid #d5d1c6; }
  .principle-card h3 { margin-top: 12px; }
  .why-section { padding: 75px 0; }
  .why-inner { display: block; }
  .why-copy { display: block; margin-top: 40px; }
  .why-copy h2 { margin-bottom: 25px; font-size: clamp(2.5rem, 10vw, 4rem); }
  .why-copy p + p { margin-top: 18px; }
  .capacity-line { flex-wrap: wrap; justify-content: flex-start; gap: 10px; margin-top: 40px; font-size: .68rem; }
  .history-section { padding: 75px 0; }
  .history-inner { display: block; }
  .history-inner h2 { margin-top: 38px; font-size: clamp(2.5rem, 10vw, 4rem); }
  .history-line { flex-wrap: wrap; gap: 10px; margin: 28px 0 35px; font-size: .65rem; }
  .history-inner blockquote { padding-left: 17px; font-size: 1.1rem; }
  .join-section { padding: 75px 0; }
  .join-inner h2 { margin-top: 38px; font-size: clamp(3rem, 11vw, 4.5rem); }
  .work-section { padding: 80px 0; }
  .section-heading { display: block; margin-bottom: 35px; }
  .section-heading h2 { margin-top: 35px; }
  .work-grid { grid-template-columns: 1fr; }
  .instagram-grid { grid-template-columns: 1fr; }
  .work-card { min-height: 320px; }
  .articles-section { padding-top: 85px; padding-bottom: 90px; }
  .articles-heading { align-items: flex-start; flex-direction: column; gap: 12px; margin: 30px 0; }
  .article-row { grid-template-columns: 1fr 34px; gap: 8px; padding: 20px 0; }
  .article-date { grid-column: 1; }
  .article-title { grid-column: 1; grid-row: 2; }
  .article-arrow { grid-column: 2; grid-row: 1 / span 2; }
  .contact-section { padding: 75px 0 85px; }
  .contact-inner h2 { margin-top: 45px; }
  .site-footer { grid-template-columns: 1fr auto; }
  .site-footer .logo { grid-column: 1; grid-row: 1; }
  .site-footer .footer-brand { grid-column: 2; grid-row: 1; }
  .site-footer > a:not(.logo) { grid-column: 1; grid-row: 2; justify-self: start; }
  .site-footer small { grid-column: 2; grid-row: 2; text-align: right; }
  .follow-section { padding: 70px 0; }
  .follow-inner { display: block; }
  .follow-inner h2 { margin-top: 32px; font-size: clamp(2.6rem, 10vw, 4rem); }
  .follow-links { margin-top: 32px; }
  .follow-links a { grid-template-columns: .8fr 1.2fr auto; padding: 18px 16px; }
}
@media (min-width: 761px) and (max-width: 1100px) {
  .hero-banner-wrap { height: auto; }
  .hero-banner { width: 100%; height: auto; }
  .instagram-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) { :root { scroll-behavior: auto; } *, *::before, *::after { transition-duration: .01ms !important; } }


/* Editable WordPress pages and article sharing */
.content-page { max-width: 1180px; min-height: 55vh; margin: 0 auto; padding-top: 70px; padding-bottom: 90px; }
.content-page h1 { margin-bottom: 28px; }
.page-featured-image { margin: 0 0 32px; }
.page-featured-image img { display: block; width: 100%; height: auto; }
.entry-content { max-width: 820px; color: #41443e; font-size: 1.02rem; line-height: 1.85; }
.entry-content h2, .entry-content h3 { margin-top: 1.7em; }
.entry-content img { max-width: 100%; height: auto; }
.post-share { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 45px; padding-top: 22px; border-top: 1px solid #d5d1c6; }
.post-share strong { margin-right: 8px; font-family: 'Manrope', sans-serif; }
.post-share a, .post-share button { padding: 10px 14px; border: 1px solid #cbc8bd; border-radius: 99px; color: #20231f; background: transparent; font: inherit; font-size: .82rem; text-decoration: none; cursor: pointer; }
.post-share a:hover, .post-share button:hover { color: #f5f2e9; border-color: #b13f30; background: #b13f30; }
@media (max-width: 760px) { .content-page { padding-top: 48px; padding-bottom: 65px; } .post-share { align-items: flex-start; } .post-share strong { flex-basis: 100%; } }

.contact-form-wrap { max-width: 760px; margin-top: 42px; scroll-margin-top: 28px; }
.contact-form-wrap .wpforms-container { margin: 0; }
.contact-form-wrap .wpforms-form input:not([type="checkbox"]):not([type="radio"]), .contact-form-wrap .wpforms-form select, .contact-form-wrap .wpforms-form textarea { max-width: 100%; padding: 12px 14px; border: 1px solid #cbc8bd; border-radius: 2px; color: #20231f; background: #f5f2e9; font: inherit; }
.contact-form-wrap .wpforms-form button[type="submit"] { padding: 13px 20px; border: 0; border-radius: 99px; color: #f5f2e9; background: #b13f30; font: inherit; cursor: pointer; }
.contact-form-wrap .wpforms-form button[type="submit"]:hover { background: #8e3025; }