*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:#100d0a;color:#f4f5fa;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;line-height:1.6}
#cstars{position:fixed;inset:0;z-index:0;pointer-events:none}
.cneb{position:fixed;inset:0;z-index:-1;background:radial-gradient(60% 50% at 70% 20%,rgba(100,69,27,0.5) 0,transparent 60%),radial-gradient(50% 60% at 20% 80%,rgba(156,106,38,0.25) 0,transparent 60%),#100d0a}
.cnav{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:22px 6vw}
.cnav .brand{font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-weight:800;color:#f4f5fa;text-decoration:none;font-size:20px}
.cnav nav a{color:rgba(244,245,250,0.6);text-decoration:none;margin-left:22px;font-size:14px}
.cnav nav a:hover{color:#9c6a26}
section{position:relative;z-index:2;max-width:1160px;margin:0 auto;padding:5.5rem 6vw}
.chero{min-height:88vh;display:flex;flex-direction:column;justify-content:center;max-width:840px;text-align:center;margin:0 auto}
.ckick{color:#9c6a26;letter-spacing:.34em;text-transform:uppercase;font-weight:700;font-size:13px}
.chero h1{font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-size:clamp(44px,9vw,100px);line-height:1;margin:16px 0 18px;text-shadow:0 4px 40px rgba(156,106,38,0.45)}
.chero p{font-size:20px;color:rgba(244,245,250,0.6);max-width:560px;margin:0 auto}
.ccta{margin-top:30px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;padding:15px 34px;border-radius:0px;font-weight:700;text-decoration:none}
.btn:not(.ghost){background:#9c6a26;color:#ffffff;box-shadow:0 0 30px rgba(156,106,38,0.45)}
.btn.ghost{border:1.5px solid rgba(244,245,250,0.16);color:#f4f5fa}
h2{font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-size:clamp(28px,4vw,46px);margin-bottom:16px}
.cabout p{color:rgba(244,245,250,0.6);font-size:19px;max-width:740px}
.cgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.ccard{background:#1e1c19;border:1px solid rgba(244,245,250,0.16);border-radius:0px;padding:26px;backdrop-filter:blur(4px)}
.ccard h3{color:#9c6a26;margin-bottom:6px;font-size:18px}
.ccard p{color:rgba(244,245,250,0.6);font-size:14.5px}
.cgal{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cgal figure{margin:0;overflow:hidden;border-radius:0px;aspect-ratio:4/3;border:1px solid rgba(244,245,250,0.16)}
.cgal img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.cgal figure:hover img{transform:scale(1.07)}
.cq{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.cq blockquote{margin:0;border-left:2px solid #9c6a26;padding-left:16px}
.cq p{font-style:italic;font-size:17px}
.cq cite{color:#9c6a26;font-weight:700;font-style:normal;font-size:13px}
.clines{display:flex;gap:24px;flex-wrap:wrap;color:rgba(244,245,250,0.6);margin:14px 0 22px}
.cfoot{position:relative;z-index:2;text-align:center;padding:26px;color:rgba(244,245,250,0.6);border-top:1px solid rgba(244,245,250,0.16);font-size:13px}
@media(max-width:720px){.cnav nav{display:none}.cgal{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){#cstars{opacity:.6}}


.xq{box-sizing:border-box;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;color:#efdcc0;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:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', 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:#9c6a26;margin-bottom:10px;font-weight:700}

.xq-teamgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px;margin-top:22px}
.xq-person img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:0px;display:block;filter:saturate(.9)}
.xq-person figcaption{padding-top:10px}
.xq-person strong{display:block;font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif}
.xq-person span{font-size:.82rem;color:#8a7355}


.xq-badges{padding:26px 24px;border-top:1px solid rgba(239,220,192,0.14);border-bottom:1px solid rgba(239,220,192,0.14);background:rgba(239,220,192,0.05)}
.xq-badge-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.xq-badgehead{font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;margin-right:8px}
.xq-badge{border:1.5px solid #9c6a26;color:#9c6a26;border-radius:999px;padding:7px 16px;font-size:.8rem;font-weight:700;letter-spacing:.04em}


.xq-tl-list{list-style:none;padding:0;margin-top:24px;position:relative;border-left:2px solid rgba(239,220,192,0.14)}
.xq-tl-item{position:relative;padding:0 0 26px 26px}
.xq-tl-item::before{content:"";position:absolute;left:-7px;top:4px;width:12px;height:12px;border-radius:50%;background:#9c6a26;box-shadow:0 0 0 4px rgba(239,220,192,0.05)}
.xq-tl-item time{font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-weight:800;color:#9c6a26;display:block;margin-bottom:4px}
.xq-tl-item p{color:#8a7355;max-width:58ch}


/* =====================================================
   DESIGN DNA: paper-zine
   Whole-page visual system applied over the layout
   archetype. Appended last so it wins the cascade.
   ===================================================== */
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='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.16;}
h1,h2,h3{font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif !important;text-transform:uppercase !important;letter-spacing:.01em !important}
h2{background:linear-gradient(transparent 58%,rgba(156,106,38,.4) 58% 92%,transparent 92%);display:inline-block;padding:0 .18em}
img{border:9px solid #ececec !important;border-radius:0 !important;box-shadow:0 12px 26px rgba(0,0,0,.28) !important}
figure:nth-of-type(odd) img,img:nth-of-type(odd){transform:rotate(-1.4deg)}figure:nth-of-type(even) img,img:nth-of-type(even){transform:rotate(1.1deg)}
a[class*="btn"],button,span[class*="btn"]{border-radius:0 !important;border:2.5px solid #f2e3cd !important;box-shadow:4px 4px 0 #f2e3cd !important;transform:rotate(-.8deg);text-transform:uppercase;font-weight:800}
div[class*="card"]:not([class*="cards"]),article[class*="card"],a[class*="card"],figure[class*="card"],li[class*="card"]{border:2px dashed rgba(242,227,205,.55) !important;border-radius:0 !important}