/*
Theme Name: Huddam Hocasi
Description: Gece ve Bronz ozel tema
Version: 1.0
Text Domain: huddam
*/

:root{--night:#1e232b;--night2:#171b21;--stone:#e0dad2;--bronze:#ab815a;--bronze2:#c79b72;--ink:#1e232b;--mut:#6d6a66}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;font-weight:300;font-size:17px;line-height:1.75;color:var(--ink);background:var(--stone)}
h1,h2,h3,h4{font-family:'Gilda Display',serif;font-weight:400;text-transform:uppercase;color:var(--bronze);line-height:1.2}
.wrap{max-width:1180px;margin:auto;padding:0 28px}
.dash{display:block;width:64px;height:1px;background:var(--bronze);margin:22px 0}
.center .dash{margin:22px auto}
/* reveal */
.rv{opacity:0;transform:translateY(34px);transition:opacity .9s,transform .9s}
.rv.on{opacity:1;transform:none}
/* header */
.hdr{position:fixed;top:0;left:0;right:0;z-index:20;padding:26px 0;transition:.4s}
.hdr.sc{background:#1e232bf2;padding:10px 0;box-shadow:0 6px 24px #0005;backdrop-filter:blur(6px)}
.hdr .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.hdr nav{display:flex;gap:34px;font-weight:500;font-size:15px}
.hdr nav:last-child{justify-content:flex-end}
.hdr nav a{color:#fff;text-decoration:none;transition:.3s}
.hdr nav a:hover{color:var(--bronze2)}
.brand{text-align:center;text-decoration:none}
.brand small{display:block;font-family:'Cinzel',serif;font-size:10px;letter-spacing:.4em;color:#fff9;transition:.4s}
.brand svg{width:46px;height:58px;display:block;margin:6px auto 0;transition:.4s}
.brand b{display:block;font-family:'Cinzel',serif;font-weight:500;letter-spacing:.2em;font-size:15px;margin-top:6px;color:var(--bronze)}
.hdr.sc .brand small{display:none}.hdr.sc .brand svg{width:0;height:0;margin:0}.hdr.sc .brand b{margin:0}
/* hero */
.hero{background:radial-gradient(ellipse at 50% 100%,#2d3541,var(--night) 65%);color:#fff;min-height:760px;padding:240px 0 210px;text-align:center;position:relative;overflow:hidden}
.rays{position:absolute;left:50%;width:1200px;height:1200px;transform:translateX(-50%);pointer-events:none}
.hero .rays{bottom:-440px;opacity:.55;animation:spin 240s linear infinite}
@keyframes spin{to{transform:translateX(-50%) rotate(360deg)}}
.hero h1{font-size:clamp(34px,6vw,74px);position:relative;max-width:920px;margin:0 auto 22px}
.hero p{max-width:600px;margin:0 auto 40px;color:#d7d3cd;position:relative;font-size:18px}
.btn{display:inline-block;font-family:'Cinzel',serif;font-weight:500;font-size:15px;letter-spacing:.14em;color:var(--bronze);text-decoration:none;padding:16px 38px;border:1px solid var(--bronze);transition:.35s;position:relative}
.btn:hover{background:var(--bronze);color:#fff}
.btn.solid{background:var(--bronze);color:#fff}.btn.solid:hover{background:var(--bronze2);border-color:var(--bronze2)}
.btn.link{border:0;padding:0 0 6px;border-bottom:1px solid var(--bronze)}
.btn.link:hover{background:none;color:var(--bronze2)}
/* strip */
.strip{margin-top:-120px;position:relative;z-index:3}
.strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 24px 60px #0004;padding:0}
.strip a{background:#fff;padding:46px 34px 40px;text-decoration:none;color:var(--ink);transition:.45s;display:block}
.strip a:nth-child(even){background:#fbfbfa}
.strip a:hover{background:var(--night);transform:translateY(-8px)}
.strip a:hover h3{color:#fff}.strip a:hover p{color:#bbb}
.strip h3{font-size:24px;margin-bottom:16px;transition:.3s}
.strip em{display:block;font-style:normal;font-weight:500;font-size:15px;margin-bottom:12px}
.strip p{color:var(--bronze);font-size:16px;transition:.3s}
/* intro with overlapping images */
.intro{padding:150px 0 120px;position:relative;overflow:hidden}
.intro .rays{top:-420px;opacity:.9}
.intro .emb{width:54px;height:68px;display:block;margin:0 auto 20px;position:relative}
.intro small.k{display:block;text-align:center;letter-spacing:.2em;font-size:14px;text-transform:uppercase;margin-bottom:28px;position:relative}
.intro blockquote{font-family:'Gilda Display',serif;font-size:clamp(26px,4vw,46px);color:var(--bronze);max-width:900px;margin:0 auto 90px;text-align:center;line-height:1.3;position:relative;text-transform:uppercase}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;position:relative}
.collage{position:relative;height:520px}
.collage .a,.collage .b{position:absolute;display:grid;place-items:center;text-align:center;font-style:italic;color:#8a867f;padding:20px;box-shadow:0 22px 50px #0003}
.collage .a{left:0;top:0;width:68%;height:78%;background:repeating-linear-gradient(135deg,#d3ccc1 0 12px,#d9d2c8 12px 24px)}
.collage .b{right:0;bottom:0;width:58%;height:58%;background:repeating-linear-gradient(135deg,#232932 0 12px,#292f39 12px 24px);color:#7d838d;border:10px solid var(--stone)}
.duo h4{font-size:30px;margin-bottom:6px}
.duo p{color:var(--mut);margin-bottom:28px}
/* dark section */
.dark{background:var(--night);color:#cfcbc5;padding:130px 0 120px;position:relative;overflow:hidden}
.dark .rays{bottom:-700px;opacity:.5}
.dark .head{text-align:center;position:relative;margin-bottom:70px}
.dark .head h2{font-size:clamp(30px,4.4vw,56px)}
.dark .head p{max-width:620px;margin:0 auto 30px}
.cols{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;position:relative}
.list div{display:grid;grid-template-columns:90px 1fr;gap:22px;padding:28px 0;border-bottom:1px solid #ab815a40;transition:.35s}
.list div:hover{padding-left:14px}
.list b{font-family:'Gilda Display',serif;font-weight:400;font-size:42px;color:var(--bronze);line-height:1}
.list h3{font-size:22px;color:#fff;margin-bottom:6px}
.list p{font-size:16px;color:#a9a59f}
.coll2{position:relative;height:540px}
.coll2 div{position:absolute;display:grid;place-items:center;text-align:center;font-style:italic;color:#6f7580;padding:20px;background:repeating-linear-gradient(135deg,#232932 0 12px,#29303a 12px 24px);border:1px solid #ab815a55}
.coll2 .x{left:0;top:0;width:60%;height:62%}.coll2 .y{right:0;top:22%;width:56%;height:56%;box-shadow:0 20px 50px #0008}.coll2 .z{left:12%;bottom:0;width:48%;height:34%}
/* news */
.news{padding:130px 0}
.nh{text-align:center;margin-bottom:64px}
.nh small{font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
.nh h2{font-size:clamp(28px,4vw,48px);margin-top:12px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.post{transition:.4s}
.post:hover{transform:translateY(-8px)}
.post .im{aspect-ratio:4/3;background:linear-gradient(135deg,var(--night),#343c4a);display:grid;place-items:center;color:var(--bronze);font-size:44px;margin-bottom:20px;position:relative;overflow:hidden}
.post .im:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 60%,#ab815a44);opacity:0;transition:.4s}
.post:hover .im:after{opacity:1}
.post small{font-weight:500;font-size:13px;color:var(--mut)}
.post h4{font-size:20px;margin:6px 0 10px;color:var(--ink);text-transform:uppercase}
.post p{font-size:15px;color:var(--mut)}
/* faq */
.faqs{background:#ebe6df;padding:120px 0}
.faq{max-width:820px;margin:auto}
details{border-bottom:1px solid #ab815a55;padding:24px 0}
summary{cursor:pointer;list-style:none;font-family:'Gilda Display',serif;font-size:22px;text-transform:uppercase;color:var(--ink);display:flex;justify-content:space-between;gap:20px}
summary:after{content:"+";color:var(--bronze);font-size:28px;line-height:1;transition:.3s}
details[open] summary:after{transform:rotate(45deg)}
details p{margin-top:14px;color:var(--mut)}
/* cta */
.cta{background:var(--night2);text-align:center;padding:130px 0;position:relative;overflow:hidden}
.cta .rays{bottom:-620px;opacity:.6}
.cta h2{font-size:clamp(30px,4.6vw,58px);margin-bottom:16px;position:relative}
.cta p{color:#bdb8b1;max-width:520px;margin:0 auto 38px;position:relative}
footer{background:#12151a;color:#8f8b85;padding:64px 0 28px;font-size:15px}
footer .f{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
footer h4{font-family:'Cinzel',serif;font-weight:500;letter-spacing:.2em;color:var(--bronze);font-size:13px;margin-bottom:14px}
footer a{display:block;color:#8f8b85;text-decoration:none;margin-bottom:6px;transition:.3s}
footer a:hover{color:var(--bronze2)}
.copy{border-top:1px solid #ffffff14;margin-top:34px;padding-top:20px;text-align:center;font-size:14px}
.wa{position:fixed;right:20px;bottom:20px;z-index:30;background:var(--bronze);color:#fff;text-decoration:none;font-family:'Cinzel',serif;font-size:13px;letter-spacing:.14em;padding:15px 26px;box-shadow:0 10px 26px #0006;transition:.3s}
.wa:hover{background:var(--bronze2);transform:translateY(-3px)}
@media(max-width:900px){.hdr nav{display:none}.hdr .wrap{grid-template-columns:1fr}.strip .wrap,.duo,.cols,.g4,footer .f{grid-template-columns:1fr}.collage,.coll2{height:420px}.hero{padding:200px 0 170px}.intro,.dark,.news,.faqs,.cta{padding:80px 0}.g4{gap:40px}}

/* inner pages */
.inner{padding:190px 0 110px;min-height:70vh}
.inner h1{font-size:clamp(30px,4.6vw,56px);margin-bottom:18px}
.inner .meta{color:var(--mut);font-size:14px;margin-bottom:30px}
.inner .entry{max-width:780px}
.inner .entry p,.inner .entry li{margin-bottom:18px;color:#3b3f46}
.inner .entry h2,.inner .entry h3{margin:36px 0 14px;color:var(--bronze)}
.inner .entry a{color:var(--bronze)}
.inner .entry img{max-width:100%;height:auto}
.inner .posts{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:40px}
.inner .posts a{text-decoration:none;color:inherit}
.inner .pager{margin-top:50px}
.hdr.in{background:#1e232bf2}
@media(max-width:900px){.inner .posts{grid-template-columns:1fr}}
.collage .a img,.collage .b img,.coll2 img{width:100%;height:100%;object-fit:cover;display:block}
.collage .a,.collage .b,.coll2 div{padding:0;overflow:hidden}
.post .im img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.post:hover .im img{transform:scale(1.06)}
.inner .posts a.post{display:block}
.crumbs{font-size:14px;color:var(--mut);margin-bottom:22px}.crumbs a{color:var(--bronze);text-decoration:none}
.hero-img{width:100%;height:auto;max-height:460px;object-fit:cover;margin:0 0 36px;display:block;border:1px solid #ab815a55}
.entry h2{font-size:clamp(22px,3vw,30px)}
.entry ul,.entry ol{padding-left:24px;margin-bottom:18px}
.cta-inline{background:var(--night);color:#d7d3cd;padding:34px 36px;margin:48px 0 10px;border-left:3px solid var(--bronze)}
.cta-inline h3{font-size:22px;margin-bottom:8px}
.cta-inline .btn{margin-top:14px}
.related{margin-top:70px}
.related h2{font-size:26px;margin-bottom:26px}
.related .rg{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.related a{text-decoration:none;color:inherit}
.related .im{aspect-ratio:4/3;background:var(--night);overflow:hidden;margin-bottom:12px}
.related .im img{width:100%;height:100%;object-fit:cover}
.related h4{font-size:17px;color:var(--ink)}
@media(max-width:900px){.related .rg{grid-template-columns:1fr}}

.collage .a,.collage .b,.coll2 div{display:block !important;position:absolute}
.collage .a img,.collage .b img,.coll2 div img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.mbar,.mmenu,.mcta{display:none}
@media(max-width:900px){
.hdr,.hdr.sc{background:#1a1f27f2;padding:10px 0;box-shadow:0 4px 18px #0006}
.hdr .wrap{display:block;padding:0 16px}
.hdr nav,.hdr .brand{display:none}
.mbar{display:flex;width:100%;align-items:center;justify-content:space-between}
.mlogo{display:flex;align-items:center;gap:10px;color:var(--bronze);text-decoration:none;font-family:'Cinzel',serif;letter-spacing:.14em;font-size:14px}
.mlogo svg{width:32px;height:40px}
.mright{display:flex;gap:10px}
.mbtn{width:46px;height:46px;border:1px solid #ab815a77;border-radius:50%;display:grid;place-items:center;background:#ffffff0f;color:var(--bronze2);cursor:pointer;text-decoration:none;padding:0}
.mmenu{display:none;padding:8px 22px 20px;border-top:1px solid #ab815a44;margin-top:10px}
.mmenu.open{display:block}
.mmenu a{display:block;color:#fff;text-decoration:none;padding:15px 0;border-bottom:1px solid #ffffff14;font-family:'Cinzel',serif;letter-spacing:.12em;font-size:14px}
.mcta{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:1fr 1.3fr;gap:12px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:#12161cf7;border-top:1px solid #ab815a44}
.mcta a{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 10px;border-radius:40px;font-family:'Cinzel',serif;font-size:13px;letter-spacing:.12em;text-decoration:none}
.mcta .call{border:1px solid #ab815a;color:#ecdcc8}
.mcta .wap{background:linear-gradient(#c79b72,#ab815a);color:#fff;font-weight:600}
.wa{display:none}
body{padding-bottom:90px}
.hero{padding:130px 0 54px;min-height:0}
.hero h1{font-size:clamp(30px,9vw,40px)}
.hero p{font-size:17px;margin-bottom:28px}
.strip{margin-top:0;background:var(--night);padding:0 0 44px}
.strip .wrap{grid-template-columns:1fr 1fr;gap:12px;box-shadow:none;padding:0 16px}
.strip a,.strip a:nth-child(even){background:linear-gradient(#c79b72,#ab815a);color:#fff;border-radius:40px;padding:16px 8px;text-align:center}
.strip a:hover{background:linear-gradient(#d4aa7d,#b98d62);transform:none}
.strip h3,.strip a:hover h3{font-size:14px;margin:0;color:#fff;letter-spacing:.06em}
.strip em,.strip p,.strip a:hover em,.strip a:hover p{display:none}
.inner{padding-top:110px}
}

.entry table{width:100%;border-collapse:collapse;margin:26px 0;font-size:16px;background:#fbf8f3}
.entry th{background:var(--night);color:var(--bronze2);font-family:'Cinzel',serif;font-weight:500;font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-align:left;padding:14px}
.entry td{padding:13px 14px;border-bottom:1px solid #ab815a44;vertical-align:top}
.entry tr:nth-child(even) td{background:#f1ebe2}
.entry h3{font-family:'Gilda Display',serif;font-weight:400;font-size:21px;margin:28px 0 10px;color:var(--ink);text-transform:none}
.entry blockquote{border-left:3px solid var(--bronze);margin:26px 0;padding:6px 0 6px 22px;font-style:italic;color:#555}
@media(max-width:900px){.entry table{display:block;overflow-x:auto;white-space:normal}.entry th,.entry td{min-width:120px}}

.pillars{background:var(--stone);padding:80px 0 10px}
.pillars .grid3{gap:22px}
.pillars .card{text-align:left;padding:34px 28px}
.pillars .card h3{font-size:19px;margin-bottom:10px}
@media(max-width:900px){.pillars{padding:56px 0 0}.pillars .card{padding:26px 22px}}

.pillars .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pillars .card{background:#fbf8f3;border:1px solid #ab815a55;position:relative;transition:transform .35s,box-shadow .35s;box-shadow:0 8px 24px #1e232b14}
.pillars .card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--bronze)}
.pillars .card:hover{transform:translateY(-6px);box-shadow:0 18px 36px #1e232b26}
.pillars .card h3{color:var(--bronze);text-transform:uppercase}
.pillars .card p{color:var(--mut);font-size:16px;margin:0}
@media(max-width:900px){.pillars .grid3{grid-template-columns:1fr;gap:14px}}

/* ===== Metalik bronz ===== */
:root{--bzl:linear-gradient(100deg,#a8742f 0%,#d9a867 18%,#f6e0b0 34%,#cf9a56 50%,#b98640 64%,#ecc88e 82%,#c8924f 100%);--bzd:linear-gradient(100deg,#4a2f14 0%,#8a5a26 22%,#b98640 42%,#6e4720 62%,#a8742f 82%,#5a3b1e 100%);--bzb:linear-gradient(180deg,#f3d9a6 0%,#d4a265 22%,#a8742f 55%,#c8924f 78%,#8a5a26 100%)}
.hero h1,.dark .head h2,.cta h2,footer h4,.brand b,.mlogo span{background:var(--bzl);-webkit-background-clip:text;background-clip:text;color:transparent}
.nh h2,.intro blockquote,.duo h4,.pillars .card h3,.inner h1,.entry h2,.strip h3{background:var(--bzd);-webkit-background-clip:text;background-clip:text;color:transparent}
.strip a:hover h3{background:none;color:#fff}
.btn.solid,.mcta .wap,.wa{background:var(--bzb);color:#2a1808;border:1px solid #f0cf94aa;box-shadow:inset 0 1px 0 #fff6,inset 0 -2px 0 #5a3b1e88,0 6px 16px #0007;text-shadow:0 1px 0 #ffffff55;font-weight:600}
.btn.solid:hover,.wa:hover{background:var(--bzb);color:#2a1808;filter:brightness(1.1)}
.btn:not(.solid):not(.link){color:#d9a867;border-color:#a8742f}
.btn:not(.solid):not(.link):hover{background:var(--bzb);color:#2a1808}
.pillars .card{border:1px solid transparent;background:linear-gradient(#fbf8f3,#fbf8f3) padding-box,linear-gradient(135deg,#f0cf94,#a8742f 30%,#5a3b1e 55%,#d9a867 80%,#8a5a26) border-box}
.pillars .card:before{background:linear-gradient(180deg,#f0cf94,#8a5a26)}
.dash{background:linear-gradient(90deg,#a8742f,#f0cf94,#a8742f)}
.cta-inline{border-image:linear-gradient(180deg,#f0cf94,#8a5a26) 1}
@media(max-width:900px){
.strip a,.strip a:nth-child(even),.strip a:hover{background:var(--bzb);color:#2a1808;box-shadow:inset 0 1px 0 #fff6,inset 0 -2px 0 #5a3b1e88,0 4px 12px #0006}
.strip h3,.strip a:hover h3{background:none;color:#2a1808;-webkit-text-fill-color:#2a1808;text-shadow:0 1px 0 #ffffff55}
}

@media(min-width:901px){.brand svg{width:56px;height:70px}.brand b{font-size:16px}}
.brand b,.mlogo span,footer h4{background-image:linear-gradient(100deg,#c8924f 0%,#f0cf94 30%,#d9a867 55%,#f6e0b0 80%,#c8924f 100%)}

/* ===== Klasik bronz D ===== */
:root{--bzl:linear-gradient(100deg,#d99a63 0%,#f1c9a0 28%,#cf8a4f 50%,#e5ad78 72%,#c27c45 100%);--bzd:linear-gradient(100deg,#5f3314 0%,#7b4219 25%,#8f4f22 50%,#6a3517 75%,#85481e 100%);--bzb:linear-gradient(180deg,#9c5a28 0%,#8a4b20 35%,#744019 70%,#5f3314 100%);--pat1:#4f8577;--pat2:#8ec2b2}
.brand b,.mlogo span,footer h4{background-image:linear-gradient(100deg,#cf8a4f 0%,#f1c9a0 30%,#dc9a62 55%,#f1c9a0 80%,#cf8a4f 100%)}
.btn.solid,.mcta .wap,.wa{background:var(--bzb);color:#fff4e4;border:1px solid #e0a36c99;box-shadow:inset 0 1px 0 #ffd9b066,inset 0 -2px 0 #2a1206aa,0 6px 16px #0007;text-shadow:0 1px 2px #1f0d04dd;font-weight:700}
.btn.solid:hover,.wa:hover{background:var(--bzb);color:#fff4e4;filter:brightness(1.12)}
.btn{font-size:15px;letter-spacing:.12em}.btn.solid{font-size:16px;padding:17px 40px}
.wa{font-size:14px}
.btn:not(.solid):not(.link){color:#f1c9a0;border-color:#cf8a4f}
.btn:not(.solid):not(.link):hover{background:var(--bzb);color:#fff4e4}
.pillars .card{background:linear-gradient(#fbf8f3,#fbf8f3) padding-box,linear-gradient(135deg,#f1c9a0,#9a5426 32%,#6a3517 55%,#dc9a62 80%,#9a5426) border-box}
.pillars .card:before{background:linear-gradient(180deg,#f1c9a0,#9a5426)}
.pillars .card:after{content:"";position:absolute;right:-6px;top:-6px;width:20px;height:20px;border-top:2px solid var(--pat2);border-right:2px solid var(--pat2)}
.dash{background:linear-gradient(90deg,var(--pat1),var(--pat2),var(--pat1))}
.nh h2:after,.sh h2:after{content:"";display:block;width:90px;height:2px;margin:16px auto 0;background:linear-gradient(90deg,var(--pat1),var(--pat2),var(--pat1))}
.inner h1:after{content:"";display:block;width:90px;height:2px;margin:14px 0 0;background:linear-gradient(90deg,var(--pat1),var(--pat2),var(--pat1))}
.hdr.sc,.hdr.in{border-bottom:1px solid #6fa59744}
.mcta{border-top:1px solid #6fa59755}
.cta-inline{border-image:linear-gradient(180deg,#f1c9a0,#6a3517) 1}
@media(max-width:900px){
.mcta a{font-size:14px;font-weight:700}
.strip a,.strip a:nth-child(even),.strip a:hover{background:var(--bzb);color:#fff4e4;border:1px solid #e0a36c99;box-shadow:inset 0 1px 0 #ffd9b066,inset 0 -2px 0 #2a1206aa,0 4px 12px #0006}
.strip h3,.strip a:hover h3{background:none;color:#fff4e4;-webkit-text-fill-color:#fff4e4;font-size:14px;font-weight:700;letter-spacing:.06em;text-shadow:0 1px 2px #1f0d04dd}
.btn.solid{padding:16px 22px;font-size:15px}
}

/* hiz */
@media(max-width:900px),(prefers-reduced-motion:reduce){.hero .rays{animation:none}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}.rv{opacity:1;transform:none}}

/* hizmetler */
.hdr nav .dd{position:relative}
.hdr nav .dd .sub{display:none;position:absolute;top:100%;left:-14px;min-width:270px;background:#1a1f27;border:1px solid #6fa59755;border-top:2px solid #cf8a4f;padding:8px 0;z-index:40;box-shadow:0 14px 30px #0008}
.hdr nav .dd:hover .sub,.hdr nav .dd:focus-within .sub{display:block}
.hdr nav .dd .sub a{display:block;padding:11px 20px;font-weight:400;font-size:14px;white-space:nowrap}
.hdr nav .dd>a{padding:10px 0;display:inline-block}
.svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0}
.entry a.svc{display:block;text-decoration:none;color:inherit;padding:26px 24px;background:#fbf8f3;border:1px solid transparent;background:linear-gradient(#fbf8f3,#fbf8f3) padding-box,linear-gradient(135deg,#f1c9a0,#9a5426 32%,#6a3517 55%,#dc9a62 80%,#9a5426) border-box;transition:transform .3s,box-shadow .3s}
.entry a.svc:hover{transform:translateY(-4px);box-shadow:0 14px 28px #1e232b26}
.entry a.svc h3{margin:0 0 8px;font-size:20px;background:var(--bzd);-webkit-background-clip:text;background-clip:text;color:transparent}
.entry a.svc p{margin:0 0 10px;font-size:16px;color:var(--mut)}
.entry a.svc span{font-family:'Cinzel',serif;font-size:12px;letter-spacing:.14em;color:#8f4f22}
.entry .btn.solid{color:#fff4e4;text-decoration:none}
@media(max-width:900px){
.mmenu .msub{padding-left:16px;border-left:2px solid #6fa59755;margin:2px 0 4px}
.mmenu .msub a{font-size:13px;padding:11px 0;letter-spacing:.08em;color:#e5ad78}
.hero .btn.solid{display:none}
.hero p{margin-bottom:6px}
.svc-grid{grid-template-columns:1fr}
}