/*
Theme Name: Durbar
Description: Regal menswear theme: maroon and antique gold, Mughal arch image frames, jaali patterns, lookbook cards, a size helper and a colour matcher.
Version: 1.0.0
License: GPLv2 or later
*/
:root{--ivory:#FBF6EC;--ivory2:#F3E9D6;--card:#FFFCF5;--ink:#2A1A1F;--ink2:#4D3A3F;--muted:#86737A;--maroon:#5B1A2B;--maroon2:#7A2639;--gold:#C9972B;--gold2:#E7C978;--line:#E6D7BC;--d:"Marcellus",Georgia,serif;--f:"Mulish",system-ui,sans-serif;
--jaali:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M20 2l6 12 12 6-12 6-6 12-6-12L2 20l12-6z' fill='none' stroke='%23C9972B' stroke-opacity='.28' stroke-width='1'/%3E%3C/svg%3E")}
body{margin:0;background:var(--ivory);color:var(--ink);font:400 17.5px/1.75 var(--f)}
a{color:var(--maroon2)}a:hover{color:var(--ink)}
h1,h2,h3{font-family:var(--d);font-weight:400;line-height:1.14;margin:0 0 .5em;color:var(--maroon)}h1{font-size:clamp(34px,4.8vw,58px);letter-spacing:.01em}h2{font-size:clamp(25px,2.8vw,34px)}h3{font-size:21.5px;color:var(--ink)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}img{max-width:100%;height:auto;display:block}
p{margin:0 0 1em}p,li,summary,dd,td{overflow-wrap:break-word}[hidden]{display:none!important}
.db-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.db-skip{position:absolute;left:-999px}.db-skip:focus{left:10px;top:10px;background:#000;color:#fff;padding:8px;z-index:99}
.db-burger{display:none;margin-left:auto;width:44px;height:44px;position:relative;cursor:pointer;flex:none}
.db-burger span:not(.db-sr){position:absolute;left:12px;right:12px;height:2px}.db-burger span:nth-child(1){top:17px}.db-burger span:nth-child(2){top:25px}
@media(max-width:1060px){.db-nav{display:none}.db-burger{display:block}}@media(min-width:1061px){.db-menu{display:none!important}}
.db-menu{padding:12px 0 18px}.db-menu ul{list-style:none;padding:0;margin:10px 0 0}.db-menu a{display:block;padding:10px 0;text-decoration:none}
.db-search{display:flex;gap:8px}.db-search input{flex:1;min-width:0;font:inherit;font-size:16px;padding:11px 14px}.db-search button{font:inherit;border:0;padding:0 18px;cursor:pointer}
.db-crumbs{font-size:13.5px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.db-tw{overflow-x:auto;margin:1.2em 0 1.6em}table{width:100%;border-collapse:collapse;font-size:15.5px;min-width:480px}th,td{text-align:left;padding:11px 13px;vertical-align:top}
.db-head-grid>*,.db-grid>*,.db-hero-grid>*{min-width:0}
.db-fig{margin:28px 0}.db-fig img{width:100%;height:auto}.db-fig figcaption{font-size:14px;margin-top:8px}
.db-static{max-width:760px}.db-static h2{margin-top:1.3em}.db-static ul{padding-left:1.2em}
.db-results{list-style:none;padding:0}.db-results li{padding:10px 0}.db-plain{padding:40px 0 70px}
.db-wid button{font:inherit;cursor:pointer}
.db-foot .db-search input{font-size:15px;padding:9px 12px}

.db-wrap{width:min(1200px,100% - 34px);margin-inline:auto}.db-narrow{width:min(760px,100% - 34px);margin-inline:auto}
.db-top{background:var(--maroon);position:sticky;top:0;z-index:40;box-shadow:0 3px 0 var(--gold)}
.db-top-row{display:flex;align-items:center;gap:26px;min-height:72px}
.db-brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--ivory)}.db-brand .mark{width:44px;height:44px}
.db-word{font-family:var(--d);font-size:25px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.db-word em{font-style:normal;color:var(--gold2)}
.db-nav{margin-left:auto}.db-nav ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}.db-nav a{display:block;padding:8px 12px;text-decoration:none;color:#F1DEC4;font-weight:700;font-size:14.5px;letter-spacing:.04em;border-radius:20px 20px 0 0}.db-nav a:hover,.db-nav a[aria-current]{background:var(--ivory);color:var(--maroon)}
.db-burger{border:1px solid var(--gold2);background:transparent;border-radius:22px 22px 6px 6px}.db-burger span:not(.db-sr){background:var(--ivory)}
.db-menu{border-top:1px solid rgba(231,201,120,.3)}.db-menu a{border-bottom:1px solid rgba(231,201,120,.2);color:var(--ivory);font-weight:700}
.db-search input{border:1px solid var(--line);background:#fff;border-radius:999px;padding-left:18px}.db-search button{background:var(--gold);color:var(--ink);font-weight:800;border-radius:999px}
.db-crumbs{color:var(--muted)}.db-crumbs a{color:var(--ink2)}
.db-kicker{font-size:12.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 10px}
.db-head{padding:42px 0 36px;background:var(--jaali) 0 0/40px 40px,linear-gradient(var(--ivory2),var(--ivory));border-bottom:1px solid var(--line)}
.db-head-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:48px;align-items:center}.db-page:not(.has-hero) .db-head-grid,.db-k-static .db-head-grid{grid-template-columns:minmax(0,1fr)}
@media(max-width:900px){.db-head-grid{grid-template-columns:minmax(0,1fr);gap:24px}}
.db-lede{font-size:19.5px;color:var(--ink2);max-width:58ch}.db-meta{font-size:13.5px;color:var(--muted);margin:0;font-weight:700}
.db-hero-img{margin:0;border-radius:999px 999px 6px 6px;overflow:hidden;border:6px solid var(--card);box-shadow:0 0 0 1px var(--gold),0 24px 40px -28px rgba(91,26,43,.7);max-width:440px;justify-self:center;width:100%}.db-hero-img img{width:100%;aspect-ratio:4/5;object-fit:cover}
.db-body{padding:36px 0 80px}
.db-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:52px;align-items:start}@media(max-width:1000px){.db-grid{grid-template-columns:minmax(0,1fr);gap:16px}.db-side{position:static!important}}
.db-side{position:sticky;top:96px;display:grid;gap:18px}
.db-look{background:var(--maroon);color:var(--ivory);border-radius:160px 160px 10px 10px;padding:48px 22px 22px;text-align:center;position:relative}.db-look::before{content:"";position:absolute;inset:8px;border:1px solid rgba(231,201,120,.5);border-radius:152px 152px 6px 6px;pointer-events:none}
.db-look h2{color:var(--gold2);font-size:22px}.db-look dl{margin:0;text-align:left}.db-look div{padding:9px 0;border-top:1px solid rgba(231,201,120,.25)}.db-look dt{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold2);font-weight:800}.db-look dd{margin:2px 0 0;font-weight:700;line-height:1.4}
.db-toc{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px 18px}.db-toc p{margin:0 0 6px;font-family:var(--d);font-size:19px;color:var(--maroon)}.db-toc ol{margin:0;padding-left:1.2em;font-size:14.5px}.db-toc li{padding:3px 0}.db-toc a{text-decoration:none;color:var(--ink2)}.db-toc a.on{color:var(--maroon);font-weight:800}
.db-sec{margin:0 0 38px}.db-sec>h2{display:flex;align-items:center;gap:14px}.db-sec>h2::before{content:"";flex:none;width:14px;height:14px;background:var(--gold);transform:rotate(45deg)}
.db-sec p,.db-sec li{color:var(--ink2)}.db-sec ul{padding-left:1.2em}.db-sec li{margin-bottom:7px}.db-sec li::marker{color:var(--gold)}.db-sec h3{margin-top:1.3em;border-left:3px solid var(--gold);padding-left:12px}
.db-sec ol{list-style:none;counter-reset:s;padding:0;margin:0 0 1.3em;display:grid;gap:12px}.db-sec ol>li{counter-increment:s;position:relative;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 16px 14px 64px;margin:0;color:var(--ink)}.db-sec ol>li::before{content:counter(s);position:absolute;left:16px;top:14px;width:32px;height:32px;display:grid;place-items:center;background:var(--maroon);color:var(--gold2);font-family:var(--d);font-size:17px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.db-tw{border:1px solid var(--line);border-radius:10px;background:var(--card)}th{background:var(--maroon);color:var(--gold2);font-family:var(--d);font-weight:400;font-size:16px;letter-spacing:.03em}td{border-top:1px solid var(--line)}
.db-fig{margin:32px auto;max-width:620px}.db-fig img{border-radius:300px 300px 8px 8px;aspect-ratio:4/5;object-fit:cover;border:5px solid var(--card);box-shadow:0 0 0 1px var(--gold)}.db-fig figcaption{text-align:center;color:var(--muted);font-style:italic}
.db-faq details{background:var(--card);border:1px solid var(--line);border-radius:10px;margin-bottom:10px}.db-faq summary{cursor:pointer;list-style:none;padding:15px 18px;display:flex;justify-content:space-between;gap:12px}.db-faq summary::-webkit-details-marker{display:none}.db-faq summary::after{content:"\25C6";color:var(--gold);font-size:14px}.db-faq details[open] summary::after{color:var(--maroon)}.db-faq summary h3{margin:0;font-size:18.5px;border:0;padding:0}.db-faq details>p{padding:0 18px 14px;margin:0;color:var(--ink2)}
.db-src{font-size:14px;color:var(--muted)}.db-src a{color:var(--ink2);word-break:break-word}
.db-related h2{text-align:center}.db-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:22px;list-style:none;padding:0;margin:0}.db-cards a{display:block;text-decoration:none;color:var(--ink);text-align:center}.db-cards .ph{aspect-ratio:4/5;border-radius:999px 999px 6px 6px;overflow:hidden;background:var(--jaali) 0 0/32px 32px,var(--maroon);margin-bottom:12px;border:4px solid var(--card);box-shadow:0 0 0 1px var(--gold)}.db-cards .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.db-cards a:hover img{transform:scale(1.05)}
.db-cards b{display:block;font-family:var(--d);font-weight:400;font-size:20px;color:var(--maroon);line-height:1.2}.db-cards span{display:block;color:var(--muted);font-size:14.5px}.db-cards small{display:block;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.db-tool{background:var(--card);border:1px solid var(--gold);border-radius:14px;padding:22px;margin:0 0 34px;box-shadow:0 0 0 6px var(--ivory2)}.db-tool h2{font-size:24px;margin-bottom:4px}.db-tool label{display:grid;gap:4px;font-weight:800;font-size:14px;color:var(--ink2)}.db-tool input,.db-tool select{font:inherit;font-size:16px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;width:100%;min-width:0}
.db-tool .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:12px;margin:10px 0}.db-tool output{display:block;background:var(--ivory2);border-radius:10px;padding:12px 14px;margin-top:8px}.db-tool output p{margin:0 0 4px}.db-tool small{color:var(--muted);display:block;margin-top:8px}
.db-tool .opts{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}.db-tool .opts button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px 6px 6px;font-weight:700;font-size:14px}.db-tool .opts button i{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}.db-tool .opts button[aria-pressed=true]{border-color:var(--maroon);box-shadow:0 0 0 2px var(--maroon)}
.db-tool [data-out] p{margin:0 0 6px}.db-tool [data-out] i{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:-2px;margin-right:6px;border:1px solid rgba(0,0,0,.15)}
.db-hero{padding:46px 0;background:var(--jaali) 0 0/44px 44px,var(--maroon);color:#F1DEC4}.db-hero h1{color:var(--ivory);font-size:clamp(38px,6vw,76px)}.db-hero h1 em{font-style:normal;color:var(--gold2)}.db-hero .db-lede{color:#F1DEC4}
.db-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:46px;align-items:center}@media(max-width:900px){.db-hero-grid{grid-template-columns:minmax(0,1fr)}}
.db-arches{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end}.db-arches a{display:block;text-decoration:none;color:var(--ivory);text-align:center;font-family:var(--d);font-size:17px}.db-arches .ph{border-radius:999px 999px 6px 6px;overflow:hidden;aspect-ratio:3/5;background:var(--maroon2);border:3px solid var(--gold2);margin-bottom:8px}.db-arches a:nth-child(2) .ph{aspect-ratio:3/6}.db-arches .ph img{width:100%;height:100%;object-fit:cover}
.db-band{padding:52px 0}.db-band.alt{background:var(--ivory2)}.db-band-head{text-align:center;margin-bottom:28px}.db-band-head p{color:var(--muted);margin:0}
.db-foot{background:var(--ink);color:#D8C6B6;padding:52px 0 24px;font-size:15px;border-top:4px solid var(--gold)}.db-foot a{color:var(--gold2)}.db-foot .db-brand,.db-foot .db-word{color:var(--ivory)}.db-foot h2{font-family:var(--f);font-size:12.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.db-foot ul{list-style:none;padding:0;margin:0}.db-foot li{padding:3px 0}
.db-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:30px}@media(max-width:860px){.db-foot-grid{grid-template-columns:1fr 1fr}.db-foot-grid>div:first-child,.db-foot-grid>div:last-child{grid-column:1/-1}}
.db-foot-note{margin-top:12px;font-size:14px}.db-foot-base{border-top:1px solid #45303A;margin-top:26px;padding-top:14px;font-size:13px;color:#9C8790}
@media(max-width:560px){.db-word{font-size:19px}.db-brand .mark{width:36px;height:36px}body{font-size:17px}.db-arches{gap:8px}.db-arches a{font-size:14px}}