
/* ===== DURU v1.8: approved calm premium concept ===== */
.duru-header{background:#071b28!important;color:#fff!important;border-bottom:1px solid rgba(213,170,104,.12)}
.duru-topbar{background:#061522!important;color:#b8c4cb!important;border-bottom:1px solid rgba(255,255,255,.05)}
.duru-topbar a{color:#d8dfe2!important}
.duru-navrow{min-height:108px!important;background:transparent!important}
.duru-brand{width:300px!important;height:82px!important;background:transparent!important;overflow:visible!important}
.duru-brand img.duru-bundled-logo{width:100%!important;height:100%!important;object-fit:contain!important;object-position:left center!important;background:transparent!important;filter:none!important}
.duru-menu a{color:#eef1f2!important}
.duru-menu a:hover{color:#e4bc7c!important}
.duru-call{color:#fff!important;border-color:rgba(255,255,255,.22)!important}
.duru-consult{background:transparent!important;border:1px solid #c89b5d!important;color:#fff!important}
.duru-menu-toggle span{background:#e4bc7c!important}

.d180-hero{background:linear-gradient(90deg,#061724 0%,#071d2b 48%,#0a2230 100%);color:#fff;border-bottom:1px solid rgba(213,170,104,.15)}
.d180-hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:center;min-height:500px;padding-top:34px;padding-bottom:18px}
.d180-copy{position:relative;z-index:3;max-width:600px}
.d180-kicker{display:block;color:#ddb576;font:800 12px/1.3 Arial,sans-serif;letter-spacing:.26em;margin-bottom:18px;font-style:normal}
.d180-copy h1{font:400 clamp(56px,5vw,82px)/.96 Georgia,serif;letter-spacing:-.035em;margin:0 0 24px;color:#fff;font-style:normal}
.d180-copy h1 strong{font-weight:400;color:#dfb36f;font-style:normal}
.d180-copy p{max-width:560px;color:#bcc7cc;font:400 16px/1.7 Arial,sans-serif;margin:0 0 27px}
.d180-actions{display:flex;gap:14px;flex-wrap:wrap}
.d180-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:0 24px;text-decoration:none!important;font:800 13px Arial,sans-serif;border-radius:2px}
.d180-btn-gold{background:#d5aa68;color:#071722!important;border:1px solid #d5aa68}
.d180-btn-line{border:1px solid rgba(255,255,255,.32);color:#fff!important}
.d180-hero-art{height:410px;position:relative;overflow:hidden}
.d180-hero-photo{position:absolute;inset:0;background:
 linear-gradient(90deg,#071d2b 0%,rgba(7,29,43,.55) 14%,rgba(7,29,43,.02) 42%),
 linear-gradient(0deg,#071d2b 0%,transparent 28%),
 url("../images/duru-hero-law-desk.jpg") center/cover no-repeat;
 filter:saturate(.88) contrast(1.02);transform:scale(1.02)}
.d180-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,rgba(6,23,36,.12))}
.d180-credentials{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(213,170,104,.18);padding:20px 0 23px}
.d180-credentials>div{display:flex;align-items:center;justify-content:center;gap:16px;border-right:1px solid rgba(255,255,255,.1)}
.d180-credentials>div:last-child{border-right:0}
.d180-ci{width:42px;height:42px;display:grid;place-items:center;border:1px solid #cfa364;color:#e4bd7d;border-radius:50%;font:700 12px Georgia,serif}
.d180-credentials p{margin:0;display:grid;gap:3px}
.d180-credentials b{font:400 22px Georgia,serif}
.d180-credentials small{font:12px Arial,sans-serif;color:#aab7be}

.d180-practices{background:#061b29;color:#fff;padding:52px 0 58px}
.d180-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:22px}
.d180-section-head span{display:block;color:#dfb36f;font:800 11px Arial,sans-serif;letter-spacing:.24em;margin-bottom:10px}
.d180-section-head h2{font:400 clamp(32px,3vw,48px)/1.05 Georgia,serif;margin:0;color:#fff;font-style:normal}
.d180-section-head>a{color:#dfb36f;text-decoration:none;font:700 13px Arial,sans-serif;border-bottom:1px solid #b9884d;padding-bottom:7px}
.d180-carousel{position:relative}
.d180-track{display:flex!important;gap:14px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;padding:2px!important;-webkit-overflow-scrolling:touch!important}
.d180-track::-webkit-scrollbar{display:none}
.d180-card{position:relative!important;flex:0 0 calc((100% - 56px)/5)!important;min-width:0!important;height:236px!important;padding:20px 20px 18px!important;display:flex!important;flex-direction:column!important;background:linear-gradient(145deg,#0b2636,#071d2a)!important;border:1px solid rgba(213,170,104,.22)!important;border-radius:2px!important;color:#fff!important;text-decoration:none!important;scroll-snap-align:start!important;overflow:hidden!important;box-sizing:border-box!important;transform:none!important;box-shadow:none!important;font-style:normal!important}
.d180-card:hover{border-color:rgba(225,183,116,.65)!important;background:linear-gradient(145deg,#0d2a3b,#082331)!important}
.d180-card-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}
.d180-no{font:800 12px Arial,sans-serif;letter-spacing:.18em;color:#e4b873}
.d180-tag{font:700 9px Arial,sans-serif;letter-spacing:.14em;color:#c4ced3;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:6px 9px;white-space:nowrap}
.d180-rule{height:1px;background:linear-gradient(90deg,#b9884d,rgba(185,136,77,.12));margin:13px 0 20px;position:relative;z-index:2}
.d180-watermark{position:absolute;right:14px;top:54px;color:rgba(255,255,255,.026);font:700 58px/.9 Georgia,serif}
.d180-card h3{position:relative;z-index:2;font:400 21px/1.08 Georgia,serif;color:#fff;margin:0 0 11px;font-style:normal!important}
.d180-card p{position:relative;z-index:2;color:#aebcc4;font:400 12px/1.5 Arial,sans-serif;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.d180-detail{position:relative;z-index:2;margin-top:auto;color:#dfb36f;font:800 9.5px Arial,sans-serif;letter-spacing:.08em}
.d180-detail b{float:right;width:34px;height:34px;border:1px solid rgba(213,170,104,.45);border-radius:50%;display:grid;place-items:center;margin-top:-10px;font-size:15px}
.d180-nav{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;border:1px solid rgba(213,170,104,.5);background:#071b28;color:#e5bb79;font:300 34px/1 Georgia,serif;cursor:pointer}
.d180-prev{left:-68px}.d180-next{right:-68px}
.d180-dots{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;color:#738995;font:700 9px Arial,sans-serif;letter-spacing:.16em}
.d180-dots i{width:76px;height:2px;background:linear-gradient(90deg,#d5aa68 28%,rgba(255,255,255,.12) 28%)}

@media(max-width:1300px){
  .d180-prev{left:-20px}.d180-next{right:-20px}
  .d180-card{flex-basis:calc((100% - 42px)/4)!important}
}
@media(max-width:980px){
  .d180-hero-grid{grid-template-columns:1fr 1fr}
  .d180-card{flex-basis:calc((100% - 28px)/3)!important}
}
@media(max-width:820px){
  .duru-topbar{display:none!important}
  .duru-navrow{min-height:76px!important}
  .duru-brand{width:215px!important;height:60px!important}
  .duru-brand img.duru-bundled-logo{max-width:215px!important;max-height:60px!important}
  .d180-hero-grid{display:block;min-height:0;padding-top:34px}
  .d180-copy{max-width:none}
  .d180-copy h1{font-size:50px}
  .d180-copy p{font-size:15px;line-height:1.65}
  .d180-actions{display:grid;grid-template-columns:1fr}
  .d180-btn{width:100%}
  .d180-hero-art{height:220px;margin:14px -22px 0}
  .d180-hero-photo{background:
    linear-gradient(90deg,#071d2b 0%,rgba(7,29,43,.18) 28%,transparent 65%),
    linear-gradient(0deg,#071d2b 0%,transparent 35%),
    url("../images/duru-hero-law-desk.jpg") 63% center/cover no-repeat;
    opacity:.82}
  .d180-credentials{grid-template-columns:repeat(3,1fr);padding:16px 0 19px}
  .d180-credentials>div{display:grid;justify-items:center;text-align:center;gap:6px;padding:0 5px}
  .d180-ci{width:34px;height:34px;font-size:10px}
  .d180-credentials b{font-size:17px}
  .d180-credentials small{font-size:9.5px;line-height:1.25}
  .d180-practices{padding:44px 0 50px}
  .d180-section-head{align-items:flex-start}
  .d180-section-head h2{font-size:31px}
  .d180-section-head>a{display:none}
  .d180-carousel{margin-right:-22px}
  .d180-track{padding-right:22px!important}
  .d180-card{flex:0 0 76vw!important;width:76vw!important;max-width:300px!important;height:225px!important}
  .d180-nav{display:none!important}
  .d180-dots{justify-content:flex-start}
}
@media(max-width:520px){
  .d180-copy h1{font-size:46px}
  .d180-hero-art{height:195px}
  .d180-card{flex-basis:78vw!important;width:78vw!important}
}
