/*
Theme Name: Kin Wedding Band
Theme URI: https://kin-music.co.uk/
Author: OpenAI for Kin Music
Description: Bespoke responsive WordPress theme for Kin Scottish Wedding & Ceilidh Band.
Version: 1.0.0
Text Domain: kin-wedding-band
*/
:root{
  --kin-black:#090909;
  --kin-charcoal:#121212;
  --kin-panel:#181818;
  --kin-gold:#d4af37;
  --kin-gold2:#c49a45;
  --kin-cream:#f5f1e8;
  --kin-muted:#c9c2b5;
  --kin-line:rgba(212,175,55,.28);
  --kin-radius:18px;
  --kin-max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--kin-black);color:var(--kin-cream);font-family:Inter,Roboto,Arial,sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.kin-wrap{width:min(var(--kin-max),calc(100% - 40px));margin-inline:auto}
.kin-site-header{position:sticky;top:0;z-index:999;background:rgba(8,8,8,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}
.kin-nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.kin-logo{font-family:Georgia,"Times New Roman",serif;font-size:34px;font-weight:700;letter-spacing:.12em;color:var(--kin-gold)}
.kin-logo small{display:block;font:600 9px/1.1 Inter,Arial,sans-serif;letter-spacing:.26em;color:#fff;margin-top:-2px}
.kin-menu{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.kin-menu a:hover{color:var(--kin-gold)}
.kin-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 24px;border-radius:999px;background:var(--kin-gold);color:#111;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--kin-gold);transition:.2s ease}
.kin-btn:hover{background:var(--kin-gold2);transform:translateY(-1px)}
.kin-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.kin-btn--ghost:hover{border-color:var(--kin-gold);color:var(--kin-gold);background:rgba(212,175,55,.06)}
.kin-hero{min-height:720px;display:grid;align-items:end;position:relative;background-size:cover;background-position:center right}
.kin-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.68) 42%,rgba(0,0,0,.30) 75%,rgba(0,0,0,.20) 100%)}
.kin-hero__inner{position:relative;z-index:1;padding:120px 0 90px;max-width:720px}
.kin-kicker{color:var(--kin-gold);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.2em}
.kin-hero h1{font:700 clamp(42px,6.5vw,80px)/.98 Georgia,"Times New Roman",serif;margin:14px 0 22px}
.kin-hero p{font-size:clamp(18px,2vw,22px);max-width:640px;color:#f2eee6}
.kin-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.kin-trustbar{background:var(--kin-gold);color:#111}
.kin-trustbar .kin-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:1px}
.kin-trust{padding:18px 12px;text-align:center;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.kin-section{padding:90px 0}
.kin-section--soft{background:var(--kin-charcoal)}
.kin-section--panel{background:linear-gradient(180deg,#111,#0b0b0b)}
.kin-eyebrow{color:var(--kin-gold);font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:800}
.kin-section h2{font:700 clamp(34px,4.5vw,58px)/1.05 Georgia,"Times New Roman",serif;margin:8px 0 20px}
.kin-lead{font-size:19px;color:var(--kin-muted);max-width:760px}
.kin-grid2{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.kin-photo{border-radius:var(--kin-radius);overflow:hidden;border:1px solid var(--kin-line);box-shadow:0 22px 50px rgba(0,0,0,.28)}
.kin-photo img{width:100%;aspect-ratio:4/3;object-fit:cover}
.kin-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}
.kin-card{background:var(--kin-panel);border:1px solid var(--kin-line);border-radius:var(--kin-radius);padding:28px}
.kin-card h3{margin:8px 0 10px;font:700 24px/1.1 Georgia,serif;color:var(--kin-gold)}
.kin-card p{margin:0;color:var(--kin-muted)}
.kin-icon{font-size:28px}
.kin-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.kin-video{background:#000;border:1px solid var(--kin-line);border-radius:14px;overflow:hidden;aspect-ratio:16/9}
.kin-video iframe{width:100%;height:100%;border:0}
.kin-testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}
.kin-quote{background:var(--kin-panel);padding:28px;border-left:3px solid var(--kin-gold);border-radius:0 14px 14px 0}
.kin-stars{color:var(--kin-gold);letter-spacing:.12em}
.kin-quote p{color:#e9e4db;font-style:italic}
.kin-coverage{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.kin-pill{border:1px solid var(--kin-line);padding:9px 14px;border-radius:999px;color:#ddd6ca}
.kin-cta{padding:88px 0;text-align:center;background:radial-gradient(circle at 50% 20%,rgba(212,175,55,.14),transparent 45%),#0b0b0b}
.kin-cta h2{max-width:850px;margin-inline:auto}
.kin-form-shell{max-width:900px;margin:36px auto 0;background:var(--kin-panel);border:1px solid var(--kin-line);border-radius:20px;padding:34px;text-align:left}
.kin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.kin-field--full{grid-column:1/-1}
.kin-form-shell label{display:block;margin-bottom:7px;font-size:14px;font-weight:700;color:var(--kin-cream)}
.kin-form-shell input,.kin-form-shell textarea{width:100%;background:#0d0d0d;color:#fff;border:1px solid rgba(212,175,55,.34);border-radius:10px;padding:13px 14px;font:inherit}
.kin-form-shell input:focus,.kin-form-shell textarea:focus{outline:0;border-color:var(--kin-gold);box-shadow:0 0 0 3px rgba(212,175,55,.10)}
.kin-form-shell textarea{min-height:150px;resize:vertical}
.kin-form-note{font-size:13px;color:#aaa;margin-top:12px;text-align:center}
.kin-alert{max-width:900px;margin:24px auto;padding:18px 22px;border-radius:12px;text-align:center}
.kin-alert--ok{background:#152319;border:1px solid #3f8151}
.kin-alert--err{background:#2b1717;border:1px solid #9b4c4c}
.kin-faq{max-width:880px;margin:35px auto 0}
.kin-faq details{border-top:1px solid var(--kin-line);padding:18px 0}
.kin-faq summary{cursor:pointer;font-weight:800;color:var(--kin-cream)}
.kin-faq p{color:var(--kin-muted)}
.kin-site-footer{border-top:1px solid rgba(255,255,255,.08);padding:50px 0 28px;background:#070707}
.kin-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.kin-site-footer h3{color:var(--kin-gold);margin-top:0}
.kin-footer-links{display:grid;gap:8px}
.kin-footer-links a:hover{color:var(--kin-gold)}
.kin-copyright{text-align:center;color:#777;margin-top:35px;font-size:12px}
.kin-mobile-toggle{display:none;background:transparent;border:0;color:#fff;font-size:28px}
.kin-form-hp{position:absolute;left:-9999px;opacity:0;pointer-events:none}
@media(max-width:900px){
  .kin-menu{display:none;position:absolute;top:78px;left:0;right:0;background:#0b0b0b;padding:22px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--kin-line)}
  .kin-menu.is-open{display:flex}
  .kin-mobile-toggle{display:block}
  .kin-nav>.kin-btn{display:none}
  .kin-grid2,.kin-features,.kin-video-grid,.kin-testimonials,.kin-footer-grid{grid-template-columns:1fr}
  .kin-hero{min-height:650px;background-position:62% center}
  .kin-hero:before{background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.88))}
  .kin-trustbar .kin-wrap{grid-template-columns:1fr 1fr}
  .kin-section{padding:68px 0}
}
@media(max-width:620px){
  .kin-wrap{width:min(100% - 28px,var(--kin-max))}
  .kin-hero{min-height:620px}
  .kin-hero__inner{padding:92px 0 58px}
  .kin-hero h1{font-size:43px}
  .kin-actions{display:grid}
  .kin-btn{width:100%}
  .kin-trustbar .kin-wrap{grid-template-columns:1fr}
  .kin-form-shell{padding:22px 18px}
  .kin-form-grid{grid-template-columns:1fr}
  .kin-field--full{grid-column:auto}
}
