/* Vetementmusulman.com — static editorial design, local assets only */
:root{--ink:#173d32;--green:#0b4d3b;--forest:#073c2e;--gold:#b89451;--paper:#fbf8f0;--white:#fffefa;--muted:#5b6a60;--line:#d9dfd5;--tint:#edf2e8;--shadow:0 18px 48px #173d3210;--radius:20px;--max:1240px;--font:Arial,Helvetica,sans-serif;--display:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:175px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button,input,select{font:inherit}button,summary{cursor:pointer}img{max-width:100%;display:block;height:auto}h1,h2,h3,h4,h5{line-height:1.2;text-wrap:balance}h1,h2{font-family:var(--display);font-weight:400}h1{font-size:clamp(2.35rem,4.25vw,4.8rem);letter-spacing:-.045em;margin:20px 0 28px}h2{font-size:clamp(1.7rem,2.8vw,2.8rem);letter-spacing:-.03em;margin:0 0 24px}h3{font-size:1.27rem;margin:24px 0 14px}h4{font-size:1.15rem;margin:0 0 20px}h5{font-size:1.04rem;margin:10px 0}p{margin:0 0 24px}small{font-size:.82rem}.wrap{max-width:var(--max);margin-inline:auto;padding-inline:32px}.skip{position:absolute;inset-inline-start:20px;top:-70px;background:#fff;padding:12px;z-index:100}.skip:focus{top:10px}.utility{background:var(--forest);color:#f6f1df;min-height:34px;font-size:.74rem;letter-spacing:.045em}.utility .wrap{display:flex;justify-content:space-between;gap:14px;align-items:center;padding-block:7px}.utility em{font-style:normal;color:#e0c98b}.site-header{position:relative;z-index:20;background:#fffefaf5;border-bottom:1px solid var(--line)}.brand-row{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:51px;height:51px;flex-shrink:0}.brand-name{font-family:var(--display);font-size:clamp(1.23rem,2.15vw,1.85rem);letter-spacing:-.04em;white-space:nowrap;direction:ltr;unicode-bidi:isolate}.brand-name b{font-weight:400;color:var(--green)}.brand-tag{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:block;line-height:1.3;margin-top:3px}.language-area{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.language-pill{font-size:.82rem;padding:7px 12px;border:1px solid var(--line);border-radius:50px;line-height:1.4;background:white}.language-pill.active{background:var(--green);border-color:var(--green);color:white}.language-more{border:0;color:var(--muted);font-size:.74rem;background:transparent;max-width:132px}.navrow{border-top:1px solid #eef0e8}.navigation{display:flex;align-items:center;gap:26px;min-height:55px;font-size:.82rem;font-weight:600}.navigation details{position:relative}.navigation summary{list-style:none;display:flex;gap:8px;align-items:center;line-height:1.4;padding:14px 0}.navigation summary::-webkit-details-marker{display:none}.navigation summary:after{content:'⌄';color:var(--gold)}.dropdown{position:absolute;top:100%;inset-inline-start:0;min-width:295px;width:340px;max-height:65vh;overflow:auto;background:white;padding:13px;border:1px solid var(--line);border-radius:0 0 14px 14px;box-shadow:var(--shadow)}.dropdown a{display:block;font-weight:400;font-size:.85rem;padding:9px 11px;border-radius:7px;line-height:1.4}.dropdown a:hover{background:var(--tint)}.nav-all{margin-inline-start:auto;white-space:nowrap;color:var(--green)}.breadcrumbs{font-size:.76rem;color:var(--muted);display:flex;gap:9px;flex-wrap:wrap;margin:26px 0 0}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;color:var(--green);font-weight:700;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';display:inline-block;width:28px;height:1px;background:var(--gold)}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:66px;align-items:center;padding-block:52px 60px}.hero-copy{max-width:640px}.hero-home h1{max-width:680px}.hero-description{font-size:1.06rem;line-height:1.8;color:var(--muted);max-width:540px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--green);color:white;border-radius:4px;padding:14px 21px;border:1px solid var(--green);font-size:.86rem;line-height:1.5;font-weight:600}.button:hover{background:var(--forest);color:white}.button.light{background:transparent;color:var(--green);border-color:#b9c9bb}.hero-visual{position:relative;align-self:stretch;min-height:470px;padding-inline-end:18px;padding-bottom:18px}.hero-visual:before{content:'';position:absolute;inset:18px 0 0 18px;border:1px solid var(--gold);border-radius:180px 180px 8px 8px}.hero-visual img{width:100%;height:100%;max-height:610px;object-fit:cover;object-position:center 30%;border-radius:180px 180px 8px 8px;position:relative;background:#e2ded1}.image-caption{color:var(--muted);font-size:.69rem;line-height:1.5;margin-top:12px}.hero-visual .image-caption{position:relative}.hero-stat{position:absolute;inset-inline-start:-26px;bottom:58px;background:var(--paper);padding:17px 22px;border:1px solid var(--line);box-shadow:var(--shadow);max-width:205px;border-radius:8px}.hero-stat span{display:block;font-family:var(--display);font-size:1.9rem;line-height:1.1;color:var(--green)}.hero-stat small{display:block;font-size:.67rem;line-height:1.45;margin-top:7px;color:var(--muted)}.intro-strip{display:flex;gap:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0;color:var(--muted);font-size:.85rem;align-items:center}.intro-strip strong{color:var(--green);font-size:.88rem}.intro-strip .mark{font-size:1.8rem;color:var(--gold);margin-inline-end:10px}.section{padding-block:64px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:26px}.section-heading h2{margin:12px 0 0}.text-link{font-size:.85rem;border-bottom:1px solid var(--gold);padding-bottom:4px;white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.category-card{background:var(--white);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:transform .2s,box-shadow .2s}.category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.category-card img{width:100%;height:325px;object-fit:cover;object-position:center 23%}.category-card .card-body{padding:25px}.category-card h3{margin:0 0 16px;font-family:var(--display);font-size:1.65rem;font-weight:400}.topic-links{list-style:none;margin:0;padding:0}.topic-links li{border-top:1px solid #e5e8df}.topic-links a{display:flex;justify-content:space-between;gap:14px;font-size:.83rem;padding:11px 0;line-height:1.45}.topic-links a:after{content:'↗';color:var(--gold);flex-shrink:0}.category-card .topic-links a{font-size:.79rem}.country-panel{background:var(--green);border-radius:18px;color:white;padding:44px;display:grid;grid-template-columns:1fr 1.3fr;gap:48px}.country-panel h2{color:var(--paper)}.country-panel .eyebrow{color:#dac18a}.country-panel .topic-links{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}.country-panel .topic-links li{border-color:#ffffff2b}.country-panel a:hover{color:#e6d6a8}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:62px;align-items:start;padding-block:16px 60px}.article-copy{max-width:810px}.article-copy p{font-size:1.04rem;line-height:1.92;color:#344e44;text-align:start}.article-copy>section{margin-bottom:35px}.article-copy h2{font-size:2.05rem}.article-copy h3{font-family:var(--display);font-size:1.65rem;font-weight:400;line-height:1.3}.sidebox{background:var(--tint);padding:26px;border-radius:12px;border-top:3px solid var(--gold)}.sidebox .topic-links a{font-size:.8rem}.sidebox h2{font-family:var(--font);font-size:1rem;font-weight:700;line-height:1.5;letter-spacing:0}.resource-section{border-top:1px solid var(--line);padding-top:32px;margin-top:32px}.resource-grid{display:grid;grid-template-columns:1fr;gap:12px}.resource{background:var(--white);border:1px solid var(--line);border-radius:9px;padding:19px 21px;display:grid;grid-template-columns:36px 1fr;gap:15px;align-items:start}.resource-index{color:var(--gold);font-family:var(--display);font-size:1.4rem;line-height:1.4}.resource h5{margin:0 0 8px;line-height:1.5}.resource h5 a{border-bottom:1px solid #c7d1c3}.resource .desc{font-size:.84rem;line-height:1.65;color:var(--muted)}.resource .domain{font-size:.65rem;margin-top:8px;display:block;color:#65756c;word-break:break-word;direction:ltr;unicode-bidi:isolate}.resource-context{font-size:.75rem;color:#7b8278;margin-top:8px}.theme-men .hero-visual img{border-radius:8px 130px 8px 8px}.theme-men .hero-visual:before{border-radius:8px 130px 8px 8px}.theme-children .hero-visual img{border-radius:36px}.theme-children .hero-visual:before{border-radius:36px}.theme-guidance .hero-visual{min-height:410px}.theme-guidance .hero-visual img{max-height:500px;border-radius:8px}.theme-guidance .hero-visual:before{border-radius:8px}.search-panel{margin-top:34px;position:relative;max-width:620px}.search-label{font-size:.76rem;color:var(--muted);display:block;margin-bottom:8px}.search-field{display:flex;align-items:center;background:white;border:1px solid #b9c9bb;border-radius:7px;padding:0 16px}.search-field span{font-size:1.3rem;color:var(--green);margin-inline-end:10px}.search-field input{border:0;background:none;padding:15px 0;width:100%;min-width:0;outline-offset:3px;color:var(--ink);font-size:.91rem}.search-note{font-size:.66rem;color:var(--muted);display:block;margin-top:8px}.search-results{list-style:none;padding:0;margin:0;background:white;position:absolute;inset-inline:0;z-index:15;top:100%;box-shadow:var(--shadow);max-height:360px;overflow:auto;border-radius:7px}.search-results li a{display:block;padding:12px 16px;border-bottom:1px solid var(--line);font-size:.88rem}.search-results li a:hover{background:var(--tint)}.search-results li.empty{padding:14px;font-size:.82rem}.archive{border:1px solid #d4c6a6;padding:25px;border-radius:10px;margin-block:40px;background:#f6f0e1}.archive>summary{font-weight:bold;font-size:.95rem;line-height:1.5}.archive-note{margin:18px 0 22px;color:#6a5738;font-size:.85rem;line-height:1.8}.archive-note a{text-decoration:underline}.archive-original{font-size:.88rem;line-height:1.85;background:var(--white);padding:26px;border-radius:7px}.archive-original h2,.archive-original h3,.archive-original h4,.archive-original h5{font-family:var(--font);font-size:1.05rem;letter-spacing:0;line-height:1.6}.archive-original p{font-size:.87rem;line-height:1.9}.archive-original a{text-decoration:underline}.archive-original [style]{font:inherit!important}.directory-title{padding:55px 0 24px}.directory-title h1{font-size:clamp(2rem,4vw,3.8rem);max-width:1000px}.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-block:28px 50px}.directory-block{background:var(--white);border:1px solid var(--line);padding:24px;border-radius:10px;scroll-margin-top:20px}.directory-block h2{font-size:1.5rem}.language-index{display:flex;flex-wrap:wrap;gap:9px;padding-bottom:30px}.language-index a{padding:7px 13px;border:1px solid var(--line);border-radius:4px;background:white;font-size:.8rem}.legal-content{max-width:880px;padding-block:40px 70px}.legal-content h1{font-size:2.9rem}.legal-content h2{font-size:1.5rem;margin:30px 0 13px}.legal-content p{line-height:1.9;font-size:.96rem}.legal-content a{text-decoration:underline}.legacy-ad-zone{max-width:var(--max);margin:auto;padding-inline:32px}.legacy-ad-zone:empty{display:none}.legacy-ad-slot:has(ins:empty){min-height:0}.site-footer{background:var(--forest);color:#edf2e5;margin-top:40px;padding:45px 0 25px}.footer-top{display:flex;justify-content:space-between;gap:40px;align-items:start}.site-footer .brand-name{color:white}.site-footer .brand-name b{color:#d5bb81}.footer-note{font-size:.75rem;max-width:470px;color:#becfc2;line-height:1.8;margin-top:18px}.footer-links{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:flex-end;max-width:530px;font-size:.8rem}.footer-links a{border-bottom:1px solid #ffffff30}.footer-links a:hover{color:#dfc89a}.footer-bottom{border-top:1px solid #ffffff25;margin-top:32px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:.68rem;color:#b1c7b7}.footer-bottom a{direction:ltr;unicode-bidi:isolate}.back-top{display:inline-block;font-size:.8rem}.small-pill{display:inline-block;padding:5px 10px;background:var(--tint);border-radius:30px;font-size:.7rem;color:var(--green)}.status-note{border-inline-start:3px solid var(--gold);padding:14px 20px;background:#f1ecdc;color:#645b43;font-size:.83rem;line-height:1.8;margin-block:22px}.lang-landing{padding-bottom:50px}.lang-landing .hero{padding-bottom:25px}.lang-landing .topic-links{max-width:800px}.lang-landing .category-grid{grid-template-columns:1fr 1fr}.lang-landing .category-card img{height:300px}.directory-anchor{scroll-margin-top:20px}
[dir=rtl]{--display:Tahoma,Arial,sans-serif;line-height:1.9}[dir=rtl] h1{letter-spacing:0;font-size:clamp(2rem,3.7vw,4rem)}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .brand-tag{letter-spacing:0}[dir=rtl] .brand{direction:ltr}[dir=rtl] .hero-visual:before{inset:18px 18px 0 0}[dir=rtl] .hero-visual{padding-inline-end:18px}[dir=rtl] .resource-index{font-family:Arial,sans-serif}
@media(min-width:1450px){.hero{gap:80px}}
@media(max-width:1000px){.wrap{padding-inline:25px}.hero{gap:36px}.hero-visual{min-height:430px}.hero-stat{inset-inline-start:-12px;max-width:180px}.navigation{gap:18px;font-size:.75rem}.reading-layout{gap:35px;grid-template-columns:minmax(0,1fr) 230px}.category-grid{gap:15px}.category-card .card-body{padding:20px}.country-panel{gap:30px;padding:34px}.directory-grid{grid-template-columns:1fr 1fr}.language-more{max-width:95px}}
@media(max-width:760px){body{font-size:16px}.wrap{padding-inline:20px}.utility .wrap{justify-content:center;text-align:center}.utility .secondary{display:none}.brand-row{min-height:108px;flex-wrap:wrap;justify-content:center;padding-block:16px 12px;gap:12px}.brand{justify-content:center}.brand-mark{width:40px;height:40px}.brand-name{font-size:1.48rem}.brand-tag{font-size:.57rem}.language-area{justify-content:center;width:100%;gap:7px}.language-pill{padding:5px 13px;font-size:.78rem}.language-more{max-width:112px;font-size:.7rem}.navigation{gap:0;display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center;font-size:.7rem;padding:0 12px;line-height:1.35;min-height:49px}.navigation summary{padding:13px 7px;gap:3px;text-align:center}.navigation details{position:static}.navrow{position:relative}.dropdown{inset-inline:12px;top:100%;width:auto;min-width:0;max-height:55vh}.nav-all{grid-column:1/-1;justify-self:stretch;margin:0;text-align:center;border-top:1px solid var(--line);padding:7px;font-size:.73rem}.hero{grid-template-columns:1fr;padding-block:30px 38px;gap:28px}.hero h1{margin:14px 0 23px;font-size:2.65rem;line-height:1.12}.hero-description{font-size:.95rem;line-height:1.8}.hero-actions{margin-top:22px}.button{font-size:.8rem;padding:12px 17px}.hero-visual{min-height:0;padding-inline-end:13px;padding-bottom:13px;height:470px;max-width:470px;width:100%;justify-self:center}.hero-visual img{border-radius:140px 140px 8px 8px;max-height:none}.hero-visual:before{inset:13px 0 0 13px;border-radius:140px 140px 8px 8px}.hero-stat{inset-inline-start:-2px;bottom:43px;padding:12px 17px}.hero-stat span{font-size:1.5rem}.hero-stat small{font-size:.62rem}.image-caption{font-size:.64rem}.intro-strip{gap:15px;font-size:.75rem;flex-wrap:wrap;padding:18px 0}.section{padding-block:43px}.section-heading{align-items:start;margin-bottom:20px}.section-heading .text-link{font-size:.72rem;white-space:normal;text-align:end}.category-grid{grid-template-columns:1fr;gap:22px}.category-card img{height:390px}.category-card .card-body{padding:24px}.category-card h3{font-size:1.7rem}.category-card .topic-links a{font-size:.85rem;padding:12px 0}.country-panel{grid-template-columns:1fr;gap:15px;padding:27px 23px}.country-panel .topic-links{column-gap:15px}.country-panel .topic-links a{font-size:.73rem}.reading-layout{grid-template-columns:1fr;gap:25px;padding-block:10px 35px}.article-copy p{font-size:1rem;line-height:1.9}.article-copy h2{font-size:1.8rem}.article-copy h3{font-size:1.5rem}.sidebox{padding:22px}.sidebox .topic-links{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.resource{padding:17px 15px;grid-template-columns:25px 1fr;gap:10px}.resource-index{font-size:1.2rem}.resource .desc{font-size:.81rem}.archive{padding:18px;margin-block:30px}.archive-original{padding:15px}.archive-original ul{padding-inline-start:20px}.directory-grid{grid-template-columns:1fr;gap:16px}.directory-title{padding-top:35px}.directory-title h1{font-size:2.2rem}.footer-top{flex-direction:column;gap:26px}.footer-links{justify-content:flex-start;gap:12px 22px}.footer-bottom{flex-direction:column;gap:10px}.site-footer .brand{justify-content:flex-start}.legal-content h1{font-size:2.25rem}.lang-landing .category-grid{grid-template-columns:1fr}.lang-landing .category-card img{height:350px}.breadcrumbs{font-size:.68rem;margin-top:20px}.theme-guidance .hero-visual{height:390px;min-height:0}.hero-home .search-panel{margin-top:25px}[dir=rtl] .hero h1{font-size:2.25rem}.legacy-ad-zone{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.site-header,.utility,.site-footer,.legacy-ad-zone,.hero-actions,.search-panel,.sidebox,.language-area{display:none}.hero{display:block;padding:0}.hero-visual{height:220px;float:right;width:180px}.reading-layout{display:block}a{text-decoration:underline}.wrap{padding:0}body{font-size:11pt;background:white}.resource{break-inside:avoid}.archive:not([open]){display:none}}
