*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:#111111;color:#ddd7cb;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;line-height:1.6;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.dnav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;
  justify-content:space-between;align-items:center;padding:1rem 6vw;
  background:rgba(17,17,17,0.82);backdrop-filter:blur(6px);border-bottom:1px solid rgba(221,215,203,0.14)}
.dbrand{font-family:'Arial Black', 'Arial Bold', Arial, sans-serif;font-weight:800;font-size:1.15rem;letter-spacing:.02em}
.dnav nav a{margin-left:1.4rem;font-size:.82rem;letter-spacing:.08em;
  text-transform:uppercase;color:#6c695f}
.dnav nav a:hover{color:#d4452b}
/* HERO */
.dhero{position:relative;min-height:100vh;display:flex;align-items:center;
  overflow:hidden}
.dplate{position:absolute;inset:0;z-index:0;
  clip-path:polygon(38% 0,100% 0,100% 100%,14% 100%)}
.dplate img{width:100%;height:100%;object-fit:cover;transform:scale(1.12);
  transition:transform .25s ease-out}
.dplate::after{content:"";position:absolute;inset:0;
  background:linear-gradient(120deg,#111111 0,rgba(17,17,17,0.5) 44%,transparent 60%)}
.dlead{position:relative;z-index:2;max-width:min(560px,54vw);padding:8rem 6vw 4rem}
.dkick{display:inline-block;font-family:'Arial Black', 'Arial Bold', Arial, sans-serif;font-size:.8rem;letter-spacing:.28em;
  text-transform:uppercase;color:#d4452b;padding:.35rem .7rem;
  border:1px solid #d4452b;border-radius:0px;margin-bottom:1.4rem;
  transform:skewX(-10deg)}
.dlead h1{font-family:'Arial Black', 'Arial Bold', Arial, sans-serif;font-weight:800;line-height:.94;
  font-size:clamp(2.6rem,8vw,5.4rem);letter-spacing:-.02em;margin-bottom:1.2rem}
.dlead p{color:#6c695f;font-size:1.15rem;max-width:40ch;margin-bottom:2rem}
.dcta{display:flex;gap:.9rem;flex-wrap:wrap}
.dbtn{font-family:'Arial Black', 'Arial Bold', Arial, sans-serif;font-weight:700;padding:.85rem 1.8rem;background:#d4452b;
  color:#ffffff;border-radius:0px;transform:skewX(-10deg);display:inline-block;
  border:2px solid #d4452b;transition:.2s}
.dbtn span,.dbtn{}
.dbtn.dghost{background:transparent;color:#ddd7cb;border-color:rgba(221,215,203,0.14)}
.dbtn:hover{filter:brightness(1.08);transform:skewX(-10deg) translateY(-2px)}
/* SKEWED BANDS */
.dband{position:relative;padding:0;margin:0}
.dband::before{content:"";position:absolute;inset:-6vw 0;z-index:0;
  background:#191919;transform:skewY(-4deg)}
.dband--alt::before{background:#161616;transform:skewY(4deg)}
.dband-in{position:relative;z-index:1;max-width:1120px;margin:0 auto;
  padding:6rem 6vw}
h2{font-family:'Arial Black', 'Arial Bold', Arial, sans-serif;font-weight:800;font-size:clamp(1.8rem,4.5vw,3rem);
  letter-spacing:-.01em;margin-bottom:1.1rem}
.dabout p{color:#6c695f;font-size:1.15rem;max-width:64ch}
.dhead{margin-bottom:2rem}
.dtag{font-family:'Arial Black', 'Arial Bold', Arial, sans-serif;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;
  color:#d4452b;border-bottom:2px solid #d4452b;padding-bottom:.3rem}
.dslabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.dslab{background:#111111;border:1px solid rgba(221,215,203,0.14);border-radius:0px;
  padding:1.6rem;transform:skewX(-6deg);transition:.25s}
.dslab>*{transform:skewX(6deg)}
.dslab:hover{transform:skewX(-6deg) translateY(-4px);border-color:#d4452b}
.dnum{font-family:'Arial Black', 'Arial Bold', Arial, sans-serif;font-weight:800;font-size:1.5rem;color:#d4452b;
  display:block;margin-bottom:.4rem}
.dslab h3{font-family:'Arial Black', 'Arial Bold', Arial, sans-serif;font-size:1.1rem;margin-bottom:.4rem}
.dslab p{color:#6c695f;font-size:.94rem}
.dgal{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.dcut{position:relative;margin:0;overflow:hidden;border-radius:0px;
  clip-path:polygon(0 0,100% 0,100% 88%,0 100%);aspect-ratio:4/3}
.dcut:nth-child(even){clip-path:polygon(0 12%,100% 0,100% 100%,0 100%)}
.dcut img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.dcut:hover img{transform:scale(1.08)}
.dcut figcaption{position:absolute;bottom:.6rem;left:.7rem;font-family:'Arial Black', 'Arial Bold', Arial, sans-serif;
  font-weight:800;color:#ffffff;background:#d4452b;padding:.15rem .5rem;
  border-radius:0px;font-size:.8rem}
.dquotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.6rem}
.dquotes blockquote{margin:0;border-left:3px solid #d4452b;padding-left:1.2rem}
.dquotes p{font-style:italic;font-size:1.1rem;margin-bottom:.6rem}
.dquotes cite{font-family:'Arial Black', 'Arial Bold', Arial, sans-serif;font-style:normal;color:#d4452b;font-size:.85rem;
  letter-spacing:.1em}
.dcontact p{color:#6c695f;font-size:1.1rem;max-width:50ch;margin-bottom:1.4rem}
.dlines{display:flex;gap:1.6rem;flex-wrap:wrap;color:#6c695f;margin-bottom:1.8rem;
  font-size:.95rem}
.dfoot{text-align:center;padding:3rem 6vw;color:#6c695f;font-size:.85rem;
  letter-spacing:.06em}
@media(max-width:820px){
  .dnav nav{display:none}
  .dplate{clip-path:polygon(0 62%,100% 42%,100% 100%,0 100%)}
  .dlead{max-width:100%;padding-top:6rem}
  .dgal{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){
  .dband::before{transform:none}
  .dslab,.dslab:hover{transform:none}.dslab>*{transform:none}
  .dplate img{transform:scale(1.05)!important}
}


.xq{box-sizing:border-box;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;color:#ddd7cb;padding:56px 24px;width:100%}
.xq *{box-sizing:border-box;margin:0}
.xq .xq-wrap{max-width:1060px;margin:0 auto}
.xq h2{font-family:'Arial Black', 'Arial Bold', Arial, sans-serif;font-size:1.7rem;line-height:1.2;margin-bottom:8px}
.xq .xq-kick{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#d4452b;margin-bottom:10px;font-weight:700}

.xq-steplist{counter-reset:xqs;list-style:none;padding:0;margin-top:22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.xq-step{counter-increment:xqs;position:relative;padding:18px 18px 18px 20px;border-left:3px solid #d4452b;background:rgba(221,215,203,0.05);border-radius:0 0px 0px 0}
.xq-step::before{content:"0" counter(xqs);display:block;font-family:'Arial Black', 'Arial Bold', Arial, sans-serif;font-size:.8rem;letter-spacing:.1em;color:#d4452b;font-weight:800;margin-bottom:8px}
.xq-step h3{font-family:'Arial Black', 'Arial Bold', Arial, sans-serif;font-size:1.02rem;margin-bottom:6px}
.xq-step p{font-size:.9rem;color:#6c695f}


.xq-strip{padding-left:0;padding-right:0}
.xq-strip .xq-wrap{padding:0 24px}
.xq-striprail{list-style:none;display:flex;gap:12px;overflow-x:auto;padding:14px 24px;scroll-snap-type:x mandatory}
.xq-striprail li{flex:0 0 min(64vw,300px);scroll-snap-align:start}
.xq-striprail img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:0px;display:block}


.xq-quoterail{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.xq-quote{border:1px solid rgba(221,215,203,0.14);border-radius:0px;padding:22px;background:#1a1a1a;position:relative}
.xq-quote::before{content:"\201C";position:absolute;top:-4px;left:14px;font-family:'Arial Black', 'Arial Bold', Arial, sans-serif;font-size:3rem;color:#d4452b;opacity:.5}
.xq-quote p{font-style:italic;margin:10px 0 12px;line-height:1.55}
.xq-quote cite{font-style:normal;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#6c695f}


/* =====================================================
   DESIGN DNA: seventies-funk
   Whole-page visual system applied over the layout
   archetype. Appended last so it wins the cascade.
   ===================================================== */
html::after{content:'';position:fixed;inset:0;z-index:99990;pointer-events:none;border:none;background:none;background:linear-gradient(90deg,#d4452b,#de7434,#c44c34,#98484e);background-size:100% 10px;background-repeat:no-repeat;background-position:top}
html::before{content:'';position:fixed;inset:0;z-index:99980;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='70'%3E%3Cpath d='M0 70a70 70 0 0 1 140 0z' fill='%23d4452b'/%3E%3C/svg%3E");opacity:.06;}
h1,h2,h3{font-family:'Bookman Old Style', 'URW Bookman', Georgia, serif !important;letter-spacing:-0.01em !important;font-weight:800 !important;font-style:italic !important}
img{filter:sepia(.38) saturate(1.35) contrast(.98);border-radius:16px !important;border:3px solid rgba(212,69,43,.8) !important}
a[class*="btn"],button,span[class*="btn"]{border-radius:14px !important;border:3px solid #e4dfd5 !important;font-weight:800}
div[class*="card"]:not([class*="cards"]),article[class*="card"],a[class*="card"],figure[class*="card"],li[class*="card"]{border-radius:18px !important;border:2px solid rgba(228,223,213,.7) !important}