/*
Theme Name: Bullion Design Partners
Theme URI: https://bulliondesignpartners.com
Author: Bullion Design Partners LLC
Description: A clean, restrained, old-world corporate theme for Bullion Design Partners LLC.
Version: 1.0.0
Text Domain: bullion-design-partners
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Montserrat:wght@400;500;600&display=swap');

:root{
  --ink:#0c2637;
  --ink-2:#173747;
  --paper:#f4f0e7;
  --paper-2:#ebe4d7;
  --brass:#a77a34;
  --text:#18242c;
  --muted:#6e716f;
  --line:rgba(167,122,52,.45);
  --max:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  background:var(--paper);
  font-family:"Montserrat",Arial,sans-serif;
  line-height:1.65;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.eyebrow{
  font-size:.72rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  font-weight:600;
  color:var(--brass);
}
.section-title{
  margin:.3rem 0 1.2rem;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(2rem,4vw,3.35rem);
  line-height:1;
  font-weight:600;
  color:var(--ink);
}
.rule{width:44px;height:2px;background:var(--brass);margin:18px 0 24px}
.btn{
  display:inline-flex;align-items:center;gap:12px;
  padding:13px 20px;
  border:1px solid var(--brass);
  color:inherit;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:.72rem;
  font-weight:600;
  transition:.2s ease;
}
.btn:hover{background:var(--brass);color:white}
.site-header{
  position:sticky;top:0;z-index:30;
  background:rgba(244,240,231,.96);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(12,38,55,.12);
}
.header-inner{
  min-height:88px;
  display:flex;align-items:center;justify-content:space-between;gap:25px;
}
.brand-lockup{display:flex;align-items:center;gap:18px}
.bdp-mark{
  display:grid;place-items:center;
  width:74px;height:54px;
  color:var(--brass);
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:2.05rem;font-weight:600;
  letter-spacing:-.18em;
  padding-right:.15em;
  border-right:1px solid var(--line);
}
.brand-name{
  font-family:"Cormorant Garamond",Georgia,serif;
  color:var(--ink);font-size:1.45rem;line-height:1;
  letter-spacing:.02em;
}
.brand-tag{
  display:block;margin-top:7px;color:#6e6252;
  font-family:"Montserrat",sans-serif;
  text-transform:uppercase;font-size:.56rem;letter-spacing:.24em;
}
.main-nav{display:flex;gap:26px;align-items:center}
.main-nav a{font-size:.77rem;color:var(--ink)}
.main-nav a:hover{color:var(--brass)}
.hero{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 72% 38%,rgba(183,141,74,.20),transparent 28%),
    linear-gradient(115deg,#0a2232 0%,#0e2b3c 52%,#091822 100%);
  color:white;
}
.hero::before{
  content:"";position:absolute;inset:0;opacity:.14;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:36px 36px;
}
.hero-grid{
  position:relative;min-height:600px;
  display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;
}
.hero h1{
  margin:14px 0 22px;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(3.1rem,6vw,5rem);
  line-height:.98;font-weight:500;
}
.hero p{max-width:650px;color:#e8e1d6;font-size:1.02rem}
.hero .btn{margin-top:12px}
.hero-art{display:grid;place-items:center;min-height:460px}
.compass{
  width:min(440px,90%);aspect-ratio:1;border-radius:50%;
  position:relative;display:grid;place-items:center;
  border:1px solid rgba(203,164,97,.52);
  box-shadow:0 0 0 22px rgba(167,122,52,.06),0 30px 90px rgba(0,0,0,.35);
  transform:rotate(-7deg);
}
.compass::before,.compass::after{
  content:"";position:absolute;inset:11%;border-radius:50%;
  border:1px solid rgba(203,164,97,.35)
}
.compass::after{inset:26%}
.compass svg{width:86%;height:86%;opacity:.92}
.section{padding:86px 0}
.what-we-do{background:var(--paper)}
.section-heading{text-align:center;max-width:760px;margin:0 auto 48px}
.section-heading .rule{margin:18px auto 22px}
.services{
  display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.service{padding:34px 28px;text-align:center;position:relative}
.service:not(:last-child)::after{
  content:"";position:absolute;right:0;top:22%;height:56%;width:1px;background:var(--line)
}
.service-icon{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:2.2rem;color:var(--brass);margin-bottom:10px
}
.service h3{
  margin:0 0 8px;color:var(--ink);font-family:"Cormorant Garamond",Georgia,serif;
  font-size:1.3rem;text-transform:uppercase;letter-spacing:.08em
}
.service p{font-size:.86rem;margin:0;color:#4f5659}
.about{background:var(--paper-2)}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:start}
.about-copy p{margin-top:0}
.portfolio{background:#f8f5ee}
.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.brand-card{padding:54px 64px;text-align:center}
.brand-card:first-child{border-right:1px solid var(--line)}
.brand-card h3{
  font-family:"Cormorant Garamond",Georgia,serif;
  color:var(--ink);font-size:2.2rem;line-height:1;margin:0 0 18px;font-weight:600
}
.brand-card.reeltime h3{font-style:italic;font-size:2.5rem}
.brand-card p{max-width:470px;margin:0 auto 20px;color:#4d5559}
.text-link{
  display:inline-block;margin-top:4px;
  font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;
  border-bottom:1px solid var(--brass);padding-bottom:4px
}
.trade{
  background:var(--ink);color:white;overflow:hidden
}
.trade-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.trade .section-title{color:white}
.trade p{color:#e7e0d7}
.trade-panel{
  min-height:340px;display:grid;place-items:center;
  border:1px solid rgba(203,164,97,.34);
  background:
    radial-gradient(circle at 70% 25%,rgba(203,164,97,.22),transparent 28%),
    linear-gradient(145deg,#153b4b,#0b2433);
  position:relative
}
.trade-panel::before{
  content:"TRUSTED RELATIONSHIPS\A STRONGER TOMORROWS";
  white-space:pre;letter-spacing:.22em;line-height:1.9;
  font-size:.68rem;color:#e8dcc8;text-align:center
}
.quote{
  padding:54px 20px;text-align:center;background:var(--paper)
}
.quote blockquote{
  margin:0 auto 10px;
  color:var(--ink);
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(2rem,4vw,3rem);font-style:italic;
}
.contact{padding:84px 0;background:#f7f4ee}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.contact-card{
  padding:34px;border:1px solid var(--line);background:rgba(255,255,255,.42)
}
.contact-card strong{display:block;color:var(--ink);font-family:"Cormorant Garamond",Georgia,serif;font-size:1.55rem}
.contact-card a{color:var(--brass);word-break:break-word}
.site-footer{background:#071d2a;color:#e7e1d7;padding:34px 0}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}
.footer-brand{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.25rem}
.footer-small{font-size:.72rem;color:#b9b7b1}
.wp-page{padding:70px 0;min-height:55vh}
.wp-page h1{font-family:"Cormorant Garamond",Georgia,serif;color:var(--ink);font-size:3rem}
.menu-toggle{display:none}

@media (max-width:900px){
  .main-nav{display:none}
  .hero-grid,.about-grid,.trade-grid,.contact-grid{grid-template-columns:1fr}
  .hero-grid{padding:60px 0}
  .hero-art{min-height:360px}
  .services{grid-template-columns:1fr 1fr}
  .service:nth-child(2)::after{display:none}
  .portfolio-grid{grid-template-columns:1fr}
  .brand-card:first-child{border-right:0;border-bottom:1px solid var(--line)}
  .about-grid,.trade-grid,.contact-grid{gap:38px}
}
@media (max-width:600px){
  .container{width:min(var(--max),calc(100% - 28px))}
  .site-header{position:relative}
  .header-inner{min-height:76px}
  .bdp-mark{width:58px;font-size:1.65rem}
  .brand-name{font-size:1.13rem}
  .brand-tag{font-size:.47rem}
  .hero-grid{min-height:auto}
  .hero h1{font-size:3rem}
  .hero-art{min-height:300px}
  .section{padding:66px 0}
  .services{grid-template-columns:1fr}
  .service:not(:last-child)::after{display:none}
  .service:not(:last-child){border-bottom:1px solid var(--line)}
  .brand-card{padding:42px 22px}
  .footer-inner{flex-direction:column;align-items:flex-start}
}