/*
Theme Name: The UnScripted Lab
Author: Thuy Truong
Description: Custom theme for behavioral practice clinics and leadership training.
Version: 1.0
Text Domain: unscripted-lab
*/

@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600&display=swap');

.thuy { box-sizing: border-box; }
.thuy *, .thuy *::before, .thuy *::after { box-sizing: border-box; }
.thuy {
  --bg:#1d1a16; --fg:#ece6da; --muted:#9a9082; --border:#3a342c; --primary:#d6a76b;
  --serif:"Instrument Serif",Georgia,serif; --sans:"Inter",system-ui,sans-serif;
  background:var(--bg); color:var(--fg); font-family:var(--sans); font-size:16px; line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
.thuy a{color:inherit;text-decoration:none}
.thuy em{font-style:italic;color:var(--primary)}
.thuy img{max-width:100%;height:auto;display:block}
.thuy .container{max-width:1200px;margin:0 auto;padding:0 24px}
@media (min-width:768px){.thuy .container{padding:0 40px}}
.thuy .eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:500;margin:0}
.thuy .serif{font-family:var(--serif);font-weight:400;letter-spacing:-.01em}
.thuy .hairline{height:1px;background:var(--border);width:100%}
.thuy h1,.thuy h2,.thuy h3,.thuy p,.thuy ul,.thuy blockquote,.thuy figure{margin:0;padding:0}
.thuy ul{list-style:none}
.thuy header.site{position:sticky;top:0;z-index:40;background:rgba(29,26,22,.85);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.thuy .nav{display:flex;align-items:center;justify-content:space-between;padding:20px 0}
.thuy .brand{font-family:var(--serif);font-size:20px}
.thuy .nav ul{display:none;gap:32px;font-size:14px;color:var(--muted)}
@media (min-width:768px){.thuy .nav ul{display:flex}}
.thuy .nav ul a:hover{color:var(--fg)}
.thuy .btn{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:var(--bg);padding:12px 28px;border-radius:999px;font-size:14px;font-weight:500;border:0;cursor:pointer;transition:transform .2s ease}
.thuy .btn:hover{transform:translateY(-2px)}
.thuy .btn-ghost{display:none;align-items:center;padding:8px 20px;border-radius:999px;border:1px solid rgba(236,230,218,.3);font-size:14px;color:var(--fg)}
@media (min-width:768px){.thuy .btn-ghost{display:inline-flex}}
.thuy .btn-ghost:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.thuy section{padding:80px 0}
@media (min-width:768px){.thuy section{padding:128px 0}}
.thuy section.tight{padding:64px 0}
.thuy .grid{display:grid;gap:48px}
@media (min-width:768px){.thuy .grid-12{grid-template-columns:repeat(12,1fr);gap:48px}}
.thuy .col-4,.thuy .col-5,.thuy .col-7,.thuy .col-8,.thuy .col-3,.thuy .col-2{grid-column:span 12}
@media (min-width:768px){
  .thuy .col-2{grid-column:span 2}.thuy .col-3{grid-column:span 3}.thuy .col-4{grid-column:span 4}
  .thuy .col-5{grid-column:span 5}.thuy .col-7{grid-column:span 7}.thuy .col-8{grid-column:span 8}
}
.thuy .h1{font-family:var(--serif);font-size:48px;line-height:1.05;letter-spacing:-.02em}
@media (min-width:768px){.thuy .h1{font-size:88px}}
.thuy .h2{font-family:var(--serif);font-size:36px;line-height:1.1}
@media (min-width:768px){.thuy .h2{font-size:56px}}
.thuy .h3{font-family:var(--serif);font-size:24px;line-height:1.2}
.thuy .lead{font-size:18px;line-height:1.6;color:var(--muted);max-width:640px}
.thuy .body{color:var(--muted);line-height:1.7}
.thuy .pillar{display:flex;flex-direction:column;gap:16px;border-top:1px solid var(--border);padding-top:32px}
.thuy .pillar .num{font-size:14px;color:var(--muted)}
.thuy .quote{font-family:var(--serif);font-style:italic;font-size:28px;line-height:1.3;text-align:center}
@media (min-width:768px){.thuy .quote{font-size:48px}}
.thuy footer.site{margin-top:96px;border-top:1px solid var(--border)}
.thuy footer .top{display:grid;gap:48px;padding:64px 0}
@media (min-width:768px){.thuy footer .top{grid-template-columns:repeat(3,1fr)}}
.thuy footer .bottom{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;padding:24px 0;font-size:12px;color:var(--muted)}
@media (min-width:768px){.thuy footer .bottom{flex-direction:row;justify-content:space-between;align-items:center}}
.thuy .row{display:flex;justify-content:space-between;align-items:baseline;gap:24px;border-bottom:1px solid var(--border);padding-bottom:20px}
.thuy .row .from{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--border)}
.thuy .row .to{font-family:var(--serif);font-size:20px;color:var(--fg)}
.thuy .service{display:grid;gap:24px;padding:48px 0;border-top:1px solid var(--border)}
@media (min-width:768px){.thuy .service{grid-template-columns:80px 1fr 200px;gap:40px}}
.thuy .service .idx{color:var(--muted);font-size:14px}
.thuy .field{display:block;margin-bottom:28px}
.thuy .field input,.thuy .field textarea,.thuy .field select{width:100%;margin-top:12px;background:transparent;color:var(--fg);border:0;border-bottom:1px solid var(--border);padding:12px 0;font-size:16px;font-family:inherit;outline:none}
.thuy .field input:focus,.thuy .field textarea:focus,.thuy .field select:focus{border-bottom-color:var(--primary)}
.thuy .field textarea{resize:none}
.thuy .center{text-align:center}
.thuy .credit-grid{display:grid;gap:40px;margin-top:32px}
@media (min-width:768px){.thuy .credit-grid{grid-template-columns:repeat(3,1fr)}}
.thuy .credit{border-top:1px solid var(--border);padding-top:32px}
.thuy .testimonial{border-top:1px solid var(--border);padding-top:40px}
.thuy .testimonial-grid{display:grid;gap:48px}
@media (min-width:768px){.thuy .testimonial-grid{grid-template-columns:repeat(2,1fr)}}
.thuy .clients{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 40px;margin-top:40px}
@media (min-width:768px){.thuy .clients{grid-template-columns:repeat(3,1fr)}}
.thuy .clients li{border-top:1px solid var(--border);padding-top:20px;font-family:var(--serif);font-size:18px}