/*
Theme Name: Pitch & Create
Theme URI: https://pitchandcreate.com/
Author: Pitch & Create Ltd
Description: Editable premium creative technology website for Pitch & Create.
Version: 2.0.0
License: GPL-2.0-or-later
Text Domain: pitch-and-create
*/

:root{
  --bg:#090909;
  --panel:#111111;
  --text:#f3f1ec;
  --muted:#9d9a93;
  --line:#252525;
  --soft:#171717;
  --max:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg);
  color:var(--text);
  font-family:Arial, Helvetica, sans-serif;
  line-height:1.5;
}
a{color:inherit;text-decoration:none}
.container{width:min(calc(100% - 48px),var(--max));margin:auto}
header{
  position:fixed;top:0;left:0;right:0;z-index:20;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:rgba(9,9,9,.82);
  backdrop-filter:blur(16px);
}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:15px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.logo span{color:#8e8e8e}
nav{display:flex;gap:30px;font-size:13px;color:#bdbbb5}
nav a:hover{color:white}
.nav-cta{border:1px solid #3a3a3a;padding:10px 15px;border-radius:2px;color:white}
.hero{min-height:92vh;padding:190px 0 100px;display:flex;align-items:center}
.eyebrow{
  display:flex;align-items:center;gap:10px;
  text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:#888;
  margin-bottom:28px
}
.eyebrow:before{content:"";width:34px;height:1px;background:#777}
h1{
  max-width:900px;font-size:clamp(54px,8vw,112px);
  line-height:.92;letter-spacing:-.065em;font-weight:500
}
.hero p{max-width:600px;margin-top:34px;color:var(--muted);font-size:18px}
.actions{display:flex;gap:12px;margin-top:38px;flex-wrap:wrap}
.btn{padding:14px 20px;border:1px solid #444;font-size:13px}
.btn.primary{background:#eee;color:#111;border-color:#eee}
.btn:hover{opacity:.82}
.section{padding:120px 0;border-top:1px solid var(--line)}
.section-head{display:grid;grid-template-columns:1fr 2fr;gap:50px;margin-bottom:65px}
.section-number{font-size:11px;color:#777;letter-spacing:.18em}
.section h2{font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-.05em;font-weight:500}
.section-intro{color:var(--muted);max-width:580px;font-size:17px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}
.card{background:var(--bg);padding:42px;min-height:280px}
.card-num{font-size:11px;color:#777;letter-spacing:.15em}
.card h3{font-size:27px;font-weight:500;margin:55px 0 12px}
.card p{color:var(--muted);max-width:390px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}
.split > div{background:var(--bg);padding:50px}
.split h3{font-size:31px;font-weight:500;margin-bottom:18px}
.split p{color:var(--muted)}
.link{display:inline-block;margin-top:25px;font-size:13px;border-bottom:1px solid #666;padding-bottom:5px}
.statement{
  padding:150px 0;
  background:#ededeb;color:#101010;
}
.statement h2{font-size:clamp(45px,7vw,94px);line-height:.95;letter-spacing:-.06em;font-weight:500;max-width:1000px}
.statement p{margin-top:30px;max-width:600px;color:#5f5e59;font-size:17px}
.cta{padding:120px 0}
.cta-box{border:1px solid var(--line);padding:70px}
.cta h2{font-size:clamp(45px,6vw,82px);line-height:.95;letter-spacing:-.055em;font-weight:500}
.cta p{color:var(--muted);margin-top:24px;max-width:550px}
footer{border-top:1px solid var(--line);padding:35px 0 50px;color:#777;font-size:12px}
.footer-row{display:flex;justify-content:space-between;gap:30px}
.footer-links{display:flex;gap:24px}
@media(max-width:760px){
  .container{width:min(calc(100% - 32px),var(--max))}
  nav{display:none}
  .hero{min-height:auto;padding:150px 0 90px}
  h1{font-size:58px}
  .section{padding:85px 0}
  .section-head,.grid,.split{grid-template-columns:1fr}
  .section-head{gap:25px;margin-bottom:40px}
  .card{min-height:250px;padding:30px}
  .split > div{padding:35px 30px}
  .statement{padding:95px 0}
  .cta{padding:85px 0}
  .cta-box{padding:40px 28px}
  .footer-row{flex-direction:column}
}