/*
Theme Name: Black Fox Garments
Theme URI: https://bfuae.com/
Author: Black Fox Garments Workshop
Description: A monochrome, quote-focused theme for Black Fox Garments Workshop.
Version: 1.3.2
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: black-fox
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
.site-header{padding:14px 0}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:34px}.brand .custom-logo-link{flex:0 0 auto}.brand .custom-logo{display:block;max-width:185px;max-height:58px;width:auto}.brand img.default-logo{display:block;width:260px;height:auto}.footer .default-logo{width:220px}.site-nav{margin-left:auto}.site-nav .menu,.site-nav ul.menu{display:flex!important;flex-direction:row!important;align-items:center;gap:22px;list-style:none!important;margin:0!important;padding:0!important}.site-nav .menu li{display:block!important;list-style:none!important;margin:0!important;padding:0!important}.site-nav .menu li::marker{content:''}.site-nav .menu a{display:block;white-space:nowrap}.site-nav .cta{white-space:nowrap}.site-nav .lang-switch{white-space:nowrap}.utility-inner{max-width:var(--max)}
.website-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-layout{align-items:stretch}.contact-details{border:1px solid var(--line);background:#ecece7}.contact-details-head{padding:34px 34px 30px;background:var(--ink);color:var(--paper)}.contact-details-head .eyebrow{color:#aaa9a2}.contact-details-head h2{max-width:380px;margin:0 0 12px;font:600 clamp(1.8rem,3vw,2.6rem)/1 'Space Grotesk';letter-spacing:-.05em}.contact-details-head p:last-child{max-width:430px;margin:0;color:#aaa9a2;font-size:14px}.contact-item{display:grid;grid-template-columns:40px 1fr;gap:15px;align-items:start;padding:22px 34px;border-bottom:1px solid #cfcfc8}.contact-item:last-child{border-bottom:0}.contact-icon{color:#85857e;font-size:11px;font-weight:700;letter-spacing:.1em}.contact-item strong{display:block;font:600 18px 'Space Grotesk'}.contact-item p{margin:4px 0 0;color:#6e6e67;font-size:13px}.contact-item a{font-weight:700;color:var(--ink)}.contact-form-card{min-height:100%;padding:38px!important}.contact-form-card .eyebrow{color:#aaa9a2}.contact-form-card h2{margin-bottom:8px}.contact-form-card>p:not(.eyebrow){font-size:14px!important;margin-top:0;margin-bottom:28px}.contact-form-card .form input,.contact-form-card .form textarea{border-color:#666}.contact-form-card .button-dark{background:var(--paper);color:var(--ink);border-color:var(--paper)}
@media(max-width:850px){.utility-bar{display:none}.header-inner{width:min(calc(100% - 40px),var(--max))}.site-nav .menu,.site-nav ul.menu{flex-direction:column!important;align-items:stretch!important;gap:16px!important}.site-nav .menu a{text-align:center}.brand .custom-logo{max-width:160px;max-height:48px}}
.utility-bar{background:var(--ink);color:#bdbdb6;font-size:11px;letter-spacing:.04em}.utility-inner{display:flex;justify-content:space-between;padding:8px 0}.site-nav ul{display:flex;align-items:center;gap:26px;list-style:none;padding:0;margin:0}.site-nav li{margin:0}.site-nav li a{color:#4e4e49}.site-nav li a:hover{color:var(--ink)}
.custom-logo-link{display:flex;align-items:center}.custom-logo{max-height:42px;width:auto}.lang-switch{font-size:12px;font-weight:700;border-bottom:1px solid var(--ink)}.arabic{font-family:'DM Sans',Tahoma,Arial,sans-serif}.arabic .hero h1,.arabic h2,.arabic h3{letter-spacing:0;line-height:1.2}.arabic .site-header,.arabic .actions,.arabic .proof{direction:rtl}.arabic .hero-art{direction:ltr}.arabic .quote-layout,.arabic .split{direction:rtl}.arabic .contact-mini{direction:ltr;text-align:right}.faq-list{max-width:860px;border-top:1px solid var(--line)}.faq-list details{padding:24px 0;border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;padding-right:32px;font:600 22px 'Space Grotesk';position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:0;top:0;font:400 24px 'DM Sans'}.faq-list details[open] summary:after{content:'−'}.faq-list details p{max-width:720px;margin:14px 0 0;color:#66665f}.arabic .faq-list summary{padding-right:0;padding-left:32px}.arabic .faq-list summary:after{right:auto;left:0}
.custom-logo-link{display:flex;align-items:center}.custom-logo{max-height:42px;width:auto}.lang-switch{font-size:12px;font-weight:700;border-bottom:1px solid var(--ink)}.arabic{font-family:'DM Sans',Tahoma,Arial,sans-serif}.arabic .hero h1,.arabic h2,.arabic h3{letter-spacing:0;line-height:1.2}.arabic .site-header,.arabic .actions,.arabic .proof{direction:rtl}.arabic .hero-art{direction:ltr}.arabic .quote-layout,.arabic .split{direction:rtl}.arabic .contact-mini{direction:ltr;text-align:right}
:root{--ink:#101010;--paper:#f7f7f4;--line:#d8d8d2;--muted:#70706b;--soft:#e5e5df;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(calc(100% - 56px),var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:18px max(28px,calc((100% - var(--max))/2));background:rgba(247,247,244,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;gap:11px;align-items:center;font:700 14px/1.05 'Space Grotesk';letter-spacing:.04em}.brand small{display:block;margin-top:4px;color:var(--muted);font:500 8px/1 'DM Sans';letter-spacing:.17em}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border:2px solid var(--ink);font-size:12px}.site-nav{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:600}.site-nav a:not(.cta){color:#4e4e49}.cta{padding:10px 15px;background:var(--ink);color:var(--paper)}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:8px 11px}.eyebrow{margin:0 0 20px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.17em}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:630px;align-items:center;gap:60px}.hero h1{max-width:570px;margin:0;font:600 clamp(3.1rem,6vw,5.7rem)/.98 'Space Grotesk';letter-spacing:-.07em}.lede{max-width:480px;margin:28px 0 32px;color:#55554f;font-size:19px}.actions{display:flex;align-items:center;gap:24px}.button{display:inline-flex;gap:34px;align-items:center;padding:14px 18px;border:1px solid var(--ink);font-size:13px;font-weight:700}.button-dark{background:var(--ink);color:var(--paper)}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:4px}.proof{display:flex;gap:19px;margin-top:56px;color:#66665f;font-size:11px}.proof span{padding-right:19px;border-right:1px solid var(--line)}.proof span:last-child{border:0}.hero-art{position:relative;height:450px;background:#181818;overflow:hidden}.hero-art:before{content:'';position:absolute;inset:35px;border:1px solid #555}.fabric{position:absolute;display:flex;flex-direction:column;justify-content:space-between;width:190px;height:235px;padding:18px;background:var(--paper);color:var(--ink);box-shadow:14px 18px 0 rgba(255,255,255,.09)}.fabric strong{font:600 30px 'Space Grotesk';letter-spacing:-.06em}.fabric.one{top:55px;left:75px;transform:rotate(-9deg)}.fabric.two{top:115px;right:70px;transform:rotate(8deg);background:#8b8b84;color:#fff}.fabric.three{bottom:33px;left:190px}.marquee{overflow:hidden;padding:15px 0;background:var(--ink);color:var(--paper);font:600 13px 'Space Grotesk';letter-spacing:.12em;white-space:nowrap;text-align:center}.marquee i{font-style:normal;padding:0 24px;color:#aaa}.pad{padding-top:110px;padding-bottom:110px}.intro{max-width:680px;margin-bottom:52px}.intro h2,.dark h2,.quote h2{margin:0 0 20px;font:600 clamp(2.4rem,4vw,4rem)/1 'Space Grotesk';letter-spacing:-.06em}.intro p,.quote p{max-width:570px;color:#686861;font-size:17px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.card{min-height:295px;padding:24px;background:var(--paper);display:flex;flex-direction:column}.card.featured{background:var(--soft)}.card h3{margin:54px 0 13px;font:600 24px/1.05 'Space Grotesk';letter-spacing:-.04em}.card p{margin:0;color:#65655f;font-size:14px}.card a{margin-top:auto;font-size:12px;font-weight:700}.dark{background:var(--ink);color:var(--paper)}.split{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:start}.dark .eyebrow{color:#a8a8a1}.industries{border-top:1px solid #4e4e4a}.industries div{padding:20px 0;border-bottom:1px solid #4e4e4a}.industries strong{font:600 21px 'Space Grotesk'}.industries p{margin:5px 0 0;color:#aaa9a2;font-size:14px}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.process div{border-top:1px solid var(--ink);padding-top:16px}.process h3{margin:40px 0 10px;font:600 21px 'Space Grotesk'}.process p{margin:0;color:#6a6a64;font-size:14px}.about{padding:100px 0;background:var(--soft)}.quote{padding:105px 0;background:var(--ink);color:var(--paper)}.quote p{color:#aaa9a2}.quote-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:120px}.contact-mini{display:flex;flex-direction:column;gap:4px;margin-top:48px;font-size:13px}.form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form label{display:flex;flex-direction:column;gap:7px;color:#aaa9a2;font-size:11px;font-weight:700;letter-spacing:.09em}.form input,.form textarea{padding:12px 0;border:0;border-bottom:1px solid #555;color:#fff;background:transparent}.form .full{grid-column:1/-1}.footer{padding:45px 0;background:#090909;color:var(--paper)}.footer-grid{display:grid;grid-template-columns:1.2fr 1.5fr 1fr;gap:30px}.footer p,.footer small{color:#999891;font-size:12px}@media(max-width:850px){.wrap{width:min(calc(100% - 40px),var(--max))}.site-header{padding:15px 20px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:68px;left:0;right:0;padding:20px;background:var(--paper);flex-direction:column;align-items:stretch}.site-nav.open{display:flex}.site-nav .cta{text-align:center}.hero{grid-template-columns:1fr;min-height:auto;padding:75px 0;gap:55px}.hero-art{height:350px}.split,.quote-layout{grid-template-columns:1fr;gap:50px}.cards,.process{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:540px){.hero h1{font-size:3.3rem}.hero-art{height:300px}.fabric{width:140px;height:175px}.fabric strong{font-size:24px}.fabric.one{left:6%}.fabric.two{right:4%}.fabric.three{left:25%}.cards,.process,.form{grid-template-columns:1fr}.form .full{grid-column:auto}.footer-grid{grid-template-columns:1fr}}