:root{
  --ink:#111111;--ink2:#1a1a1a;--paper:#f2efe9;--white:#fff;
  --rust:#B75831;--rust2:#934326;--muted:#aaa49b;--line:#2b2b2b;
  --head:'Barlow Condensed',Arial,sans-serif;--body:'Montserrat',Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f4f1eb;font-family:var(--body);font-size:16px;line-height:1.6}
img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 42px));margin:auto}
.site-header{position:sticky;top:0;z-index:20;height:86px;display:flex;align-items:center;gap:28px;padding:0 max(22px,calc((100vw - 1180px)/2));background:rgba(17,17,17,.94);border-bottom:1px solid #272727;backdrop-filter:blur(16px)}
.brand{width:185px;flex:0 0 auto}.brand img{width:100%}.nav{margin-left:auto;display:flex;gap:28px}.nav a,.text-link,footer a{color:inherit;text-decoration:none}.nav a{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.nav a:hover{color:var(--rust)}
.btn{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 26px;background:var(--rust);border:1px solid var(--rust);color:#fff;text-decoration:none;text-transform:uppercase;font-weight:700;font-size:.8rem;letter-spacing:.09em;cursor:pointer;transition:.2s}.btn:hover{background:var(--rust2);border-color:var(--rust2);transform:translateY(-1px)}.btn-small{min-height:42px;padding:0 20px;font-size:.72rem}.outline{background:transparent}.menu-btn{display:none;background:none;border:1px solid #444;color:#fff;padding:10px 13px}
.hero{position:relative;min-height:690px;display:flex;align-items:end;overflow:hidden}.hero-media{position:absolute;inset:0;background-image:url('assets/project-wide.jpg');background-size:cover;background-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.98) 0%,rgba(10,10,10,.86) 35%,rgba(10,10,10,.34) 63%,rgba(10,10,10,.12) 100%),linear-gradient(0deg,rgba(10,10,10,.7),transparent 50%)}.hero-content{position:relative;z-index:2;padding-bottom:72px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:700;color:#d7d1c8;margin:0 0 14px}.rust{color:var(--rust)}h1,h2,h3{font-family:var(--head);text-transform:uppercase;margin:0;line-height:.95}h1{font-size:clamp(5rem,10vw,9.4rem);letter-spacing:.01em;max-width:700px}h1 span{color:var(--rust)}.hero-copy{max-width:610px;font-size:1.08rem;color:#e6e1da;margin:26px 0 28px}.hero-actions{display:flex;gap:28px;align-items:center}.text-link{font-size:.85rem;font-weight:700;letter-spacing:.04em}
.proof{background:#151515;border-top:1px solid #292929;border-bottom:1px solid #292929}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.proof-grid div{padding:25px 28px;border-right:1px solid #303030}.proof-grid div:last-child{border-right:0}.proof strong,.proof span{display:block}.proof strong{font-family:var(--head);font-size:1.3rem;letter-spacing:.05em;color:var(--rust)}.proof span{font-size:.72rem;letter-spacing:.1em}
.section{padding:100px 0}.section-light{background:var(--paper);color:#151515}.section-head{display:grid;grid-template-columns:1.2fr .7fr;gap:90px;align-items:end;margin-bottom:42px}.section h2{font-size:clamp(3.2rem,6vw,5.7rem)}.section-head>p{margin:0 0 8px;color:#5d5851}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:#171717;color:#fff;overflow:hidden;min-height:350px}.card img{height:180px;width:100%;object-fit:cover;filter:saturate(.85) contrast(1.03)}.card-body{padding:24px}.card h3{font-size:1.85rem;margin-bottom:12px}.card p{font-size:.88rem;color:#c5c0b8;margin:0}.card-accent{background:var(--rust);display:flex;align-items:flex-end}.card-accent .card-body{padding:30px}.card-accent .mini{font-size:.7rem;letter-spacing:.14em;font-weight:700}.card-accent p{color:#fff}.card-accent a{display:inline-block;margin-top:24px;color:#fff;text-decoration:none;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.projects{background:#111}.project-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center}.project-copy h2{font-size:clamp(3.2rem,6vw,6.3rem)}.project-copy p:not(.eyebrow){color:#c9c4bd;max-width:500px;margin:28px 0}.project-visual{position:relative}.project-visual img{height:560px;width:100%;object-fit:cover}.project-badge{position:absolute;right:-22px;bottom:26px;background:var(--rust);padding:18px 24px;box-shadow:0 15px 40px rgba(0,0,0,.35)}.project-badge span,.project-badge strong{display:block;font-family:var(--head);letter-spacing:.06em}.project-badge strong{font-size:2rem}
.process h2{max-width:850px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px}.steps>div{padding:26px 24px;border-top:3px solid var(--rust);background:#fff;min-height:230px}.steps b{font-family:var(--head);font-size:3rem;color:#d7d0c7}.steps h3{font-size:1.7rem;margin:4px 0 12px}.steps p{font-size:.88rem;color:#5c5750}
.about{background:#1a1a1a}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about h2{font-size:clamp(3.5rem,6vw,6rem)}.about-grid>div:last-child{font-size:1.03rem;color:#ccc5bc;padding-top:28px}
.contact{background:linear-gradient(135deg,#151515,#0d0d0d);padding:100px 0}.contact-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.contact h2{font-size:clamp(4rem,7vw,7rem)}.contact-grid>div>p:last-child{max-width:420px;color:#c9c3bb}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:#c7c0b7}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:7px;background:#1f1f1f;border:1px solid #3a3a3a;color:#fff;padding:14px;font:inherit;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--rust)}.wide{grid-column:1/-1}.form-note{font-size:.73rem;color:#8f8982;margin:0}.form-note code{color:#c9c3bb}
footer{padding:34px 0;background:#090909;border-top:1px solid #252525}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;font-size:.75rem;color:#aaa}.footer-inner img{width:145px}
@media(max-width:900px){.header-cta{display:none}.menu-btn{display:block;margin-left:auto}.nav{display:none;position:absolute;top:85px;left:0;right:0;background:#111;padding:22px;flex-direction:column}.nav.open{display:flex}.hero{min-height:620px}.hero-shade{background:linear-gradient(90deg,rgba(10,10,10,.95),rgba(10,10,10,.35)),linear-gradient(0deg,rgba(10,10,10,.65),transparent)}.proof-grid{grid-template-columns:1fr 1fr}.proof-grid div:nth-child(2){border-right:0}.proof-grid div:nth-child(-n+2){border-bottom:1px solid #303030}.section-head,.project-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.cards{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.project-visual img{height:420px}.footer-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:580px){.wrap{width:min(100% - 28px,1180px)}.site-header{height:74px;padding:0 14px}.brand{width:145px}.nav{top:73px}.hero{min-height:650px}.hero-content{padding-bottom:50px}h1{font-size:4.6rem}.hero-copy{font-size:.95rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.proof-grid,.cards,.steps,.contact-form{grid-template-columns:1fr}.proof-grid div{border-right:0;border-bottom:1px solid #303030}.section{padding:72px 0}.section-head{gap:20px}.section h2{font-size:3.5rem}.project-copy h2,.about h2{font-size:4rem}.project-badge{right:10px}.wide{grid-column:auto}.footer-inner{font-size:.68rem}}


/* ===== BRYK real-work portfolio additions ===== */
.hero-project{background-position:center 58%}
.work-section{background:#111;color:#f4f1eb}
.work-intro{display:grid;grid-template-columns:1.15fr .7fr;gap:70px;align-items:end;margin-bottom:40px}
.work-intro h2{font-size:clamp(3.4rem,6vw,6rem)}
.work-intro>p{color:#bdb6ad;max-width:520px;margin:0 0 8px}
.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.work-item{position:relative;overflow:hidden;background:#1b1b1b;margin:0;grid-column:span 4;min-height:350px}
.work-item.work-wide{grid-column:span 8}
.work-item img{width:100%;height:100%;min-height:350px;object-fit:cover;transition:transform .5s ease}
.work-item:hover img{transform:scale(1.025)}
.work-item figcaption{position:absolute;left:0;right:0;bottom:0;padding:55px 22px 20px;background:linear-gradient(transparent,rgba(0,0,0,.88))}
.work-item strong,.work-item span{display:block}
.work-item strong{font-family:var(--head);font-size:1.55rem;letter-spacing:.04em}
.work-item span{font-size:.72rem;color:#d0c8bf;letter-spacing:.06em;text-transform:uppercase}
.build-videos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.video-card{background:#1b1b1b;border:1px solid #292929}
.video-card video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;background:#050505}
.video-card>div{padding:22px}
.video-card span{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--rust);font-weight:700}
.video-card h3{font-size:2rem;margin:6px 0 8px}
.video-card p{margin:0;color:#aaa39a;font-size:.88rem}
@media(max-width:900px){
  .work-intro{grid-template-columns:1fr;gap:20px}
  .work-item,.work-item.work-wide{grid-column:span 6}
  .build-videos{grid-template-columns:1fr}
}
@media(max-width:580px){
  .work-item,.work-item.work-wide{grid-column:1/-1;min-height:300px}
  .work-item img{min-height:300px}
}

/* Selected BRYK logo */
.brand { width: 205px; }
.brand img { width: 100%; height: auto; object-fit: contain; }
.footer-inner img { width: 190px; height: auto; object-fit: contain; }
@media(max-width:580px){ .brand { width: 165px; } }

/* Header logo alignment fix */
.site-header{
  min-height:86px;
  overflow:visible;
}
.brand{
  width:190px !important;
  height:68px;
  flex:0 0 190px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  overflow:hidden;
}
.brand img{
  display:block;
  width:auto !important;
  height:auto !important;
  max-width:190px;
  max-height:62px;
  object-fit:contain;
  object-position:left center;
}
.footer-inner img{
  width:auto !important;
  height:auto !important;
  max-width:190px;
  max-height:75px;
  object-fit:contain;
}
@media(max-width:580px){
  .site-header{min-height:74px;}
  .brand{
    width:155px !important;
    height:58px;
    flex-basis:155px;
  }
  .brand img{
    max-width:155px;
    max-height:54px;
  }
}

.form-status{min-height:24px;margin:0;font-size:.82rem;text-transform:none;letter-spacing:0}
.form-status.success{color:#d8e7d2}
.form-status.error{color:#f0b29d}
.form-status a{color:inherit;font-weight:700}
.contact-form button:disabled{opacity:.65;cursor:wait;transform:none}


/* ===== v9 BRYK brand system ===== */
:root{
  --ink:#0F0F10;
  --ink2:#19191A;
  --paper:#F3F0E9;
  --rust:#B75831;
  --rust2:#934326;
  --cream:#F4F1EB;
}
.site-header{background:rgba(15,15,16,.96);border-bottom-color:rgba(183,88,49,.22)}
.site-header .brand{width:220px!important;height:76px;flex:0 0 220px;display:flex;align-items:center;overflow:visible}
.site-header .brand img{display:block;width:auto!important;height:auto!important;max-width:220px;max-height:72px;object-fit:contain;object-position:left center}
.nav a{letter-spacing:.14em}.nav a:hover{color:var(--rust)}
.btn{box-shadow:0 0 0 1px rgba(255,255,255,.04) inset}
.btn:hover{box-shadow:0 8px 25px rgba(183,88,49,.20)}
.hero-shade{background:linear-gradient(90deg,rgba(8,8,9,.985) 0%,rgba(8,8,9,.86) 36%,rgba(8,8,9,.33) 64%,rgba(8,8,9,.12) 100%),linear-gradient(0deg,rgba(8,8,9,.72),transparent 54%)}
.proof strong,.video-card span,.rust{color:var(--rust)}
.section-light{background:linear-gradient(180deg,#F5F2EC 0%,#EFEAE1 100%)}
.card-accent{background:linear-gradient(145deg,var(--rust),var(--rust2))}
.work-section,.about{position:relative;overflow:hidden}
.work-section:before,.about:before{content:"";position:absolute;right:-90px;top:70px;width:360px;height:150px;opacity:.055;background:url('assets/favicon.png') center/contain no-repeat;pointer-events:none}
.work-grid,.build-videos,.about-grid{position:relative;z-index:1}
.work-item figcaption{border-bottom:2px solid rgba(183,88,49,.65)}
.video-card{border-color:rgba(183,88,49,.22)}
.steps>div{border-top-color:var(--rust)}
.contact{background:radial-gradient(circle at 85% 15%,rgba(183,88,49,.10),transparent 32%),linear-gradient(135deg,#171718,#0B0B0C)}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--rust);box-shadow:0 0 0 2px rgba(183,88,49,.12)}
.footer-inner img{width:auto!important;height:auto!important;max-width:220px;max-height:88px;object-fit:contain}
footer{border-top-color:rgba(183,88,49,.20)}
@media(max-width:580px){
  .site-header .brand{width:170px!important;height:60px;flex-basis:170px}
  .site-header .brand img{max-width:170px;max-height:56px}
}

/* v11 — BUILT Hardscapes exact uploaded logo */
.site-header .brand{width:245px!important;height:82px!important;flex:0 0 245px!important;display:flex!important;align-items:center!important;overflow:visible!important;}
.site-header .brand img{display:block!important;width:auto!important;height:auto!important;max-width:245px!important;max-height:78px!important;object-fit:contain!important;object-position:left center!important;}
.site-footer img{width:auto!important;height:auto!important;max-width:245px!important;max-height:150px!important;object-fit:contain!important;}
@media (max-width:760px){.site-header .brand{width:185px!important;height:64px!important;flex-basis:185px!important}.site-header .brand img{max-width:185px!important;max-height:60px!important}}

/* v12 — exact horizontal BUILT Hardscapes logo supplied by client */
.site-header .brand{
  width: 300px !important;
  height: 76px !important;
  flex: 0 0 300px !important;
  display:flex !important;
  align-items:center !important;
  overflow:visible !important;
}
.site-header .brand img{
  display:block !important;
  width:100% !important;
  max-width:300px !important;
  max-height:68px !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:left center !important;
}
.footer-brand img{
  width:min(340px,100%) !important;
  height:auto !important;
  object-fit:contain !important;
}
@media (max-width: 820px){
  .site-header .brand{width:210px !important;height:62px !important;flex-basis:210px !important;}
  .site-header .brand img{max-width:210px !important;max-height:54px !important;}
}

/* v13 — header logo breathing room */
.site-header{
  height: 96px !important;
  min-height: 96px !important;
}
.site-header .brand{
  height: 84px !important;
  padding-top: 8px !important;
  padding-bottom: 2px !important;
  box-sizing: border-box !important;
}
.site-header .brand img{
  max-height: 68px !important;
}
@media (max-width: 820px){
  .site-header{height:82px !important;min-height:82px !important;}
  .site-header .brand{height:72px !important;padding-top:7px !important;padding-bottom:2px !important;}
  .site-header .brand img{max-height:56px !important;}
}

/* v15 — logo true-centering fix
   The supplied PNG had a large transparent area below the artwork.
   The asset is now tightly cropped, so center alignment is visually correct. */
.site-header{
  height: 96px !important;
  min-height: 96px !important;
  align-items: center !important;
}
.site-header .brand{
  width: 300px !important;
  height: 72px !important;
  flex: 0 0 300px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
.site-header .brand img{
  width: 100% !important;
  height: auto !important;
  max-width: 300px !important;
  max-height: 64px !important;
  margin: 0 !important;
  transform: none !important;
  object-fit: contain !important;
  object-position: left center !important;
}
@media (max-width:820px){
  .site-header{height:82px !important;min-height:82px !important;}
  .site-header .brand{width:210px !important;height:60px !important;flex-basis:210px !important;padding:0 !important;}
  .site-header .brand img{max-width:210px !important;max-height:52px !important;}
}