
:root{
  --bg:#05070a;--panel:#0d1117;--panel2:#111722;--gold:#d3a53a;--gold2:#f0d184;
  --blue:#2f8dcc;--text:#f6f4ed;--muted:#aeb6c2;--line:#2a313c;--danger:#d87575;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}.wrap{width:min(1180px,92%);margin:auto}
.topbar{background:#020305;border-bottom:1px solid #242a32;position:sticky;top:0;z-index:50}
.nav{display:flex;align-items:center;gap:18px;min-height:76px}.brand{font-family:Georgia,serif;font-weight:900;letter-spacing:2px;color:var(--gold2);font-size:25px;white-space:nowrap}
.brand small{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:3px;color:#d3d8df;margin-top:-3px}
.menu{margin-left:auto;display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.menu a{padding:9px 12px;border:1px solid #3c4654;border-radius:5px;font-size:12px;text-transform:uppercase;letter-spacing:.7px;background:linear-gradient(#151922,#07090d)}.menu a:hover,.menu a.active{border-color:var(--gold);color:var(--gold2)}
.book{background:linear-gradient(#e3bd62,#9a6d1c)!important;color:#090909!important;border-color:#f0d184!important;font-weight:800}
.hero{min-height:690px;position:relative;display:flex;align-items:center;overflow:hidden;background:#07090d}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,3,6,.95) 0%,rgba(4,7,12,.78) 42%,rgba(4,7,12,.18) 68%,rgba(2,3,6,.55) 100%)}
.hero-photo{position:absolute;inset:0;background:url('assets/tank-rock.jpg') center 42%/cover no-repeat;filter:saturate(.9) contrast(1.12)}
.hero-photo:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 45%,rgba(47,141,204,.16),transparent 32%)}
.hero-content{position:relative;z-index:2;padding:90px 0;max-width:680px}.eyebrow{color:#77bce6;text-transform:uppercase;font-weight:900;letter-spacing:4px;font-size:14px}.hero h1,.display{font-family:Georgia,serif;font-size:clamp(58px,8vw,116px);line-height:.83;margin:14px 0 9px;color:var(--gold2);text-shadow:0 3px 28px #000;letter-spacing:-3px}.hero h1 span{display:block;color:#e7edf5;font-size:.68em}
.tagline{font-family:Georgia,serif;font-style:italic;color:#f1d48f;font-size:clamp(20px,3vw,34px);margin:8px 0 14px}.lead{font-size:17px;max-width:600px;color:#e3e7ed}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-block;padding:13px 20px;border:1px solid var(--gold);border-radius:4px;text-transform:uppercase;letter-spacing:1px;font-weight:900;font-size:12px;background:#0a0d12}.btn.gold{background:linear-gradient(180deg,#e3bd62,#9b6f1f);color:#060606;border-color:#f0d184}.btn.blue{border-color:#3c93c9;color:#9ed7ff}
.ribbon{border-top:1px solid #745818;border-bottom:1px solid #745818;background:linear-gradient(90deg,#08090c,#1d1506,#08090c);padding:13px 0;color:#ecd180;text-align:center;font-weight:800;letter-spacing:2px;font-size:12px}
section{padding:76px 0;border-bottom:1px solid #171c23}.kicker{color:#6ab3e0;font-weight:900;letter-spacing:3px;font-size:12px;text-transform:uppercase}.section-title{font-family:Georgia,serif;font-size:clamp(36px,5vw,62px);margin:5px 0 18px;color:#f0d184}.section-copy{color:var(--muted);max-width:760px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.card{background:linear-gradient(180deg,#121720,#080b10);border:1px solid #2c3540;border-radius:8px;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.28)}.card img{width:100%;height:310px;object-fit:cover}.card-body{padding:20px}.card h3{font-family:Georgia,serif;color:#f1d28a;margin:0 0 5px;font-size:29px}.meta{color:#b7c0cb;font-size:14px}.price{font-weight:900;color:#f0c963;font-size:22px;margin:13px 0 2px}.small{font-size:12px;color:#99a4b1}.pill{display:inline-block;padding:5px 9px;border:1px solid #394655;border-radius:100px;margin:4px 4px 0 0;font-size:11px;color:#dbe4ed}
.feature{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:center}.feature img{border:1px solid #6f5420;border-radius:8px;box-shadow:0 0 45px rgba(47,141,204,.08)}.panel{background:linear-gradient(180deg,#10151d,#090c11);border:1px solid #29323d;border-radius:8px;padding:26px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fact{padding:12px;background:#090c11;border-left:3px solid var(--gold)}.fact b{display:block;color:#eacb80}
.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-top:28px}.gallery img{height:300px;width:100%;object-fit:cover;border:1px solid #29313d;border-radius:6px}.gallery img:first-child{grid-row:span 2;height:612px}
.legacy{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.legacy img{border-radius:7px;border:1px solid #67501c}
.pedigree-root{text-align:center;margin:24px auto 30px;max-width:300px}.pedigree-root img{height:270px;width:100%;object-fit:cover;border-radius:8px;border:2px solid var(--gold)}
.tree{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:16px;overflow-x:auto;padding-bottom:12px}.generation{display:flex;flex-direction:column;gap:14px}.gen-title{text-align:center;color:#71b7df;text-transform:uppercase;font-size:11px;letter-spacing:2px;font-weight:900}.ancestor{background:#0d1118;border:1px solid #303945;padding:10px;border-radius:6px;min-height:175px}.ancestor img{width:100%;height:118px;object-fit:cover;border-radius:4px;margin-bottom:8px}.ancestor strong{font-family:Georgia,serif;color:#f0d184;font-size:18px}.ancestor span{display:block;color:#aeb7c1;font-size:11px}.pending{opacity:.82}
.notice{border-left:4px solid var(--blue);padding:15px 18px;background:#0b1119;color:#c8d1da;margin:22px 0}.warning{border-left-color:var(--gold)}
.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:24px}.service{background:#0d1219;border:1px solid #2c3540;padding:22px;border-radius:7px}.service h3{margin-top:0;color:#e8ca82}.service strong{color:#f4d077}
.cta{padding:50px;background:linear-gradient(110deg,#101722,#0a0d12);border:1px solid #6c531d;border-radius:9px;text-align:center}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-card{background:#0d1218;border:1px solid #2b333d;padding:24px;border-radius:7px}.contact-card a{color:#94d2fa}
footer{padding:38px 0;background:#020305}.footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;color:#aab3bd;font-size:13px}.footer strong{color:#f0d184}.footer .center{text-align:center}.footer .right{text-align:right}
.page-hero{padding:105px 0 70px;background:radial-gradient(circle at 70% 30%,rgba(47,141,204,.16),transparent 30%),linear-gradient(#0c1118,#06080b);border-bottom:1px solid #3a2b0d}.page-hero h1{font-family:Georgia,serif;font-size:clamp(48px,7vw,92px);color:#f0d184;margin:5px 0}.breadcrumb{color:#7fc4ec;text-transform:uppercase;letter-spacing:3px;font-size:11px}
.table{width:100%;border-collapse:collapse;margin:20px 0}.table th,.table td{border-bottom:1px solid #2c3440;padding:12px;text-align:left}.table th{color:#efce7e}
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form label{font-size:12px;color:#bac2cc}.form input,.form select,.form textarea{width:100%;background:#080b10;border:1px solid #34404d;color:#fff;padding:12px;border-radius:4px;margin-top:5px}.form textarea{min-height:140px}.span2{grid-column:span 2}
.mobile-menu{display:none}
@media(max-width:900px){.menu{display:none}.mobile-menu{display:block;margin-left:auto}.grid3,.feature,.legacy,.contact-grid,.service-grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.gallery img:first-child{grid-column:span 2;grid-row:auto;height:420px}.footer{grid-template-columns:1fr}.footer .center,.footer .right{text-align:left}.hero{min-height:620px}.facts{grid-template-columns:1fr}.tree{grid-template-columns:repeat(4,210px)}}
@media(max-width:580px){.hero-content{padding:70px 0}.hero h1{letter-spacing:-1px}.gallery{grid-template-columns:1fr}.gallery img,.gallery img:first-child{grid-column:auto;height:300px}.form{grid-template-columns:1fr}.span2{grid-column:auto}.card img{height:260px}}

/* Final pedigree layout */
.branch{margin:34px 0 44px}.branch h2{font-family:Georgia,serif;color:#e7c979;font-size:30px;margin:0 0 5px;border-bottom:1px solid #9f7a27;padding-bottom:8px}.branch-note{color:#aeb7c1;margin:8px 0 18px}.ped-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ped-grid .ancestor{min-height:0;padding:12px}.ped-grid .ancestor img{height:220px}.ped-grid .ancestor strong{display:block;font-size:20px;line-height:1.12}.ped-grid .ancestor span{margin-top:5px;font-size:12px}.ped-grid .name-placeholder{object-fit:cover;background:#0b1017}.notice{margin-top:20px}
@media(max-width:760px){.ped-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ped-grid .ancestor img{height:155px}.ped-grid .ancestor strong{font-size:16px}.branch{margin:28px 0 36px}.branch h2{font-size:25px}.branch-note{font-size:13px}.pedigree-root{max-width:340px}.pedigree-root img{height:310px}}
@media(max-width:390px){.ped-grid .ancestor img{height:135px}.ped-grid .ancestor{padding:8px}.ped-grid .ancestor strong{font-size:15px}}

/* Titan Kennels header logo update — all other site styling remains unchanged */
.brand{display:flex!important;align-items:center!important;text-decoration:none!important;line-height:1!important}
.brand img{display:block;width:118px;height:118px;object-fit:contain;border-radius:50%;max-width:none}
@media(max-width:760px){.brand img{width:86px;height:86px}}

/* Titan Kennels QR connect section */
.qr-connect{display:grid;grid-template-columns:1.25fr .75fr;gap:34px;align-items:center}.qr-card{max-width:390px;margin-left:auto;padding:18px;background:#fff;border:2px solid var(--gold);border-radius:10px;text-align:center;box-shadow:0 14px 40px rgba(0,0,0,.35)}.qr-card img{display:block;width:100%;height:auto}.qr-card .small{color:#252525;margin-top:8px;font-weight:700}.qr-section{background:radial-gradient(circle at 78% 50%,rgba(47,141,204,.12),transparent 30%),#070a0f}@media(max-width:760px){.qr-connect{grid-template-columns:1fr;text-align:center}.qr-connect .section-copy{margin-left:auto;margin-right:auto}.qr-connect .btns{justify-content:center}.qr-card{margin:4px auto 0;max-width:330px}}
