/* monacowr.com homepage styles — extracted from index.html 2026-08-10.
   Served from /assets/ so it is cached immutable for a year. */
:root{
  --ink:   #080807;
  --ink2:  #0E0D0B;
  --ink3:  #161410;
  --ink4:  #1E1B15;
  --brass: #B8962E;
  --brass-lt:#D4B254;
  --cream: #EDE8DF;
  --gray:  #6B6358;
  --lt-gray:#A09585;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--ink);
  color:var(--cream);
  font-family:'Raleway',sans-serif;
  font-weight:300;
  overflow-x:hidden;
}
*{cursor:none}
#c{position:fixed;width:6px;height:6px;background:var(--brass);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%)}
#cr{position:fixed;width:26px;height:26px;border:1px solid rgba(184,150,46,.3);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .2s,height .2s}

/* ── NAV ── */
nav{
  position:fixed;top:0;left:0;right:0;z-index:500;
  padding:32px 64px;
  display:flex;align-items:center;justify-content:space-between;
  transition:all .5s ease;
}
nav.solid{
  background:rgba(8,8,7,.97);
  backdrop-filter:blur(16px);
  padding:18px 64px;
  border-bottom:1px solid rgba(184,150,46,.1);
}
.logo{display:flex;align-items:center;gap:14px;text-decoration:none}
.logo img{width:40px;height:40px;object-fit:contain;opacity:.95}
.logo-name{
  font-family:'Cormorant Garamond',serif;
  font-weight:300;font-size:15px;
  letter-spacing:5px;color:var(--cream);
}
.nav-links{display:flex;align-items:center;gap:44px;list-style:none}
.nav-links a{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:10px;letter-spacing:4px;text-transform:uppercase;
  color:rgba(237,232,223,.45);text-decoration:none;transition:color .2s;
}
.nav-links a:hover{color:var(--brass)}
.nav-cta{
  color:var(--ink)!important;background:var(--brass)!important;
  padding:10px 22px;font-weight:300!important;
  transition:background .2s!important;
}
.nav-cta:hover{background:var(--brass-lt)!important}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:4px}
.hamburger span{width:22px;height:1px;background:rgba(237,232,223,.6);display:block}
.mob-menu{
  position:fixed;inset:0;background:rgba(8,8,7,.98);z-index:400;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;
  transform:translateX(100%);transition:transform .4s ease;
}
.mob-menu.open{transform:translateX(0)}
.mob-menu a{
  font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:36px;letter-spacing:4px;color:var(--cream);
  text-decoration:none;transition:color .2s;
}
.mob-menu a:hover{color:var(--brass)}
.mob-close{position:absolute;top:28px;right:28px;background:none;border:none;color:rgba(237,232,223,.4);font-size:22px}

/* ── HERO ── */
#hero{
  position:relative;height:100vh;min-height:700px;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
.hv{position:absolute;inset:0;overflow:hidden}
.hv video{
  position:absolute;top:50%;left:50%;
  width:calc(100% + 200px);height:calc(100% + 200px);
  transform:translate(-50%,-50%);object-fit:cover;
}
.ho1{position:absolute;inset:0;background:rgba(8,8,7,.75)}
.ho2{position:absolute;inset:0;background:radial-gradient(ellipse 65% 65% at 50% 50%,rgba(8,8,7,0) 0%,rgba(8,8,7,.5) 55%,rgba(8,8,7,.92) 100%)}
.ho3{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(8,8,7,.6) 0%,transparent 20%,transparent 75%,rgba(8,8,7,.7) 100%)}
.hgrain{
  position:absolute;inset:0;opacity:.2;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:200px;mix-blend-mode:overlay;pointer-events:none;
}
.hero-wrap{
  position:relative;z-index:10;
  text-align:center;
  display:flex;flex-direction:column;align-items:center;
}
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.hero-name{
  font-family:'Cormorant Garamond',serif;
  font-weight:300;font-size:clamp(80px,14vw,200px);
  line-height:1;letter-spacing:24px;
  color:#fff;display:block;
  opacity:0;animation:rise 2.5s .2s ease forwards;
  text-shadow:0 0 80px rgba(255,255,255,.06);
}
.hero-line{
  width:0;height:1px;background:rgba(184,150,46,.55);
  margin:22px auto;animation:grow 2s .9s ease forwards;
}
.hero-sub{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:clamp(9px,1vw,12px);letter-spacing:10px;
  text-transform:uppercase;color:rgba(237,232,223,.5);
  display:block;opacity:0;animation:rise 2s 1.3s ease forwards;
}
.hero-cta{
  margin-top:44px;
  display:flex;flex-direction:column;align-items:center;gap:14px;
  opacity:0;animation:rise 2s 2s ease forwards;
}
.hero-phone{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:13px;letter-spacing:5px;
  color:rgba(184,150,46,.8);text-decoration:none;transition:color .2s;
}
.hero-phone:hover{color:var(--brass-lt)}
.hero-btn{
  display:inline-block;border:1px solid rgba(184,150,46,.32);
  color:rgba(237,232,223,.6);padding:12px 36px;
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:9px;letter-spacing:5px;text-transform:uppercase;
  text-decoration:none;transition:border-color .3s,color .3s;
}
.hero-btn:hover{border-color:rgba(184,150,46,.7);color:var(--cream)}
.scroll-ind{
  position:absolute;bottom:28px;left:50%;transform:translateX(-50%);
  z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;
  opacity:0;animation:rise 1.5s 2.8s ease forwards;
}
.scroll-ind span{
  font-family:'Raleway',sans-serif;font-weight:100;
  font-size:8px;letter-spacing:4px;text-transform:uppercase;
  color:rgba(237,232,223,.22);
}
.scroll-ind::after{
  content:'';width:1px;height:32px;
  background:linear-gradient(to bottom,rgba(184,150,46,.4),transparent);
  animation:pulse 2.2s ease-in-out infinite;
}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes grow{from{width:0;opacity:0}to{width:120px;opacity:1}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.15}}

/* ── NAV DROPDOWN ── */
.has-dropdown { position: relative; }
.dropdown {
  position: absolute;
  top: calc(100% + 16px);
  left: 50%;
  transform: translateX(-50%);
  background: rgba(8,8,7,.97);
  border: 1px solid rgba(184,150,46,.15);
  min-width: 200px;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%) translateY(-8px);
  transition: opacity .25s, transform .25s, visibility .25s;
  z-index: 600;
  backdrop-filter: blur(12px);
}
.has-dropdown:hover .dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
.dropdown li { border-bottom: 1px solid rgba(184,150,46,.08); }
.dropdown li:last-child { border-bottom: none; }
.dropdown a {
  display: block;
  padding: 12px 20px;
  font-family: 'Raleway', sans-serif;
  font-weight: 200;
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: rgba(237,232,223,.6) !important;
  text-decoration: none;
  transition: color .2s, background .2s;
}
.dropdown a:hover {
  color: var(--brass) !important;
  background: rgba(184,150,46,.06);
}
/* Triangle pointer */
.dropdown::before {
  content: '';
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 10px; height: 6px;
  background: rgba(184,150,46,.3);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

/* ── TICKER ── */
.ticker{
  background:var(--brass);padding:10px 0;overflow:hidden;
  border-top:1px solid #96762E;border-bottom:1px solid #96762E;
}
.tt{display:flex;width:max-content;animation:tick 32s linear infinite}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ti{
  font-family:'Raleway',sans-serif;font-weight:300;
  font-size:10px;letter-spacing:5px;text-transform:uppercase;
  color:var(--ink);white-space:nowrap;padding:0 48px;
  display:flex;align-items:center;gap:48px;
}
.td{width:3px;height:3px;background:rgba(8,8,7,.3);border-radius:50%}

/* ── SHARED ── */
.fade{opacity:0;transform:translateY(18px);transition:opacity .9s,transform .9s}
.fade.in{opacity:1;transform:translateY(0)}
.d1{transition-delay:.1s!important}.d2{transition-delay:.2s!important}
.d3{transition-delay:.3s!important}.d4{transition-delay:.4s!important}

.sec-label{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:9px;letter-spacing:5px;text-transform:uppercase;color:var(--brass);
  display:flex;align-items:center;gap:14px;margin-bottom:14px;
}
.sec-label::before{content:'';width:28px;height:1px;background:var(--brass)}

.sec-h2{
  font-family:'Cormorant Garamond',serif;
  font-weight:300;font-style:italic;
  font-size:clamp(44px,5vw,72px);
  line-height:.92;letter-spacing:1px;
}
.sec-h2 strong{font-style:normal;font-weight:400}

.btn{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--brass);color:var(--ink);
  padding:13px 32px;
  font-family:'Raleway',sans-serif;font-size:9px;
  letter-spacing:4px;text-transform:uppercase;font-weight:300;
  text-decoration:none;transition:background .2s,transform .2s;
}
.btn:hover{background:var(--brass-lt);transform:translateY(-2px)}
.btn-o{
  display:inline-flex;align-items:center;gap:8px;
  border:1px solid rgba(184,150,46,.3);
  color:rgba(237,232,223,.55);padding:13px 32px;
  font-family:'Raleway',sans-serif;font-size:9px;
  letter-spacing:4px;text-transform:uppercase;font-weight:200;
  text-decoration:none;transition:border-color .3s,color .3s;
}
.btn-o:hover{border-color:rgba(184,150,46,.7);color:var(--cream)}

/* ── PHOTO STATEMENT ── */
.photo-statement{
  position:relative;height:90vh;overflow:hidden;
  display:flex;align-items:flex-end;
}
.ps-bg{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
  filter:brightness(.3) saturate(.5);
  transition:transform 10s ease;
}
.photo-statement:hover .ps-bg{transform:scale(1.03)}
.ps-o{position:absolute;inset:0;background:linear-gradient(to right,rgba(8,8,7,.95) 0%,transparent 60%)}
.ps-o2{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,8,7,.9) 0%,transparent 50%)}
.ps-content{position:relative;z-index:2;padding:0 64px 80px;max-width:560px}
.ps-h2{
  font-family:'Cormorant Garamond',serif;
  font-weight:300;font-style:italic;
  font-size:clamp(56px,8vw,110px);
  line-height:.88;margin-bottom:16px;
}
.ps-h2 strong{font-style:normal;font-weight:400;display:block}
.ps-sub{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:14px;line-height:1.9;
  color:rgba(237,232,223,.45);max-width:360px;margin-bottom:28px;
}
.time-box{
  display:inline-flex;align-items:center;gap:20px;
  border:1px solid rgba(184,150,46,.2);padding:16px 26px;
  margin-bottom:32px;background:rgba(8,8,7,.5);
}
.time-n{
  font-family:'Cormorant Garamond',serif;
  font-weight:300;font-style:italic;
  font-size:52px;color:var(--brass-lt);line-height:1;
}
.time-unit{font-family:'Raleway',sans-serif;font-weight:200;font-size:9px;letter-spacing:3px;color:rgba(237,232,223,.35);text-transform:uppercase}
.time-div{width:1px;height:40px;background:rgba(184,150,46,.18)}
.time-desc{font-family:'Raleway',sans-serif;font-weight:200;font-size:13px;color:rgba(237,232,223,.4);max-width:150px;line-height:1.7}

/* ── STATS ── */
.stats-strip{
  display:grid;grid-template-columns:repeat(3,1fr);
  background:var(--ink2);
  border-top:1px solid rgba(184,150,46,.1);
  border-bottom:1px solid rgba(184,150,46,.1);
}
.stat-cell{
  padding:52px 40px;border-right:1px solid rgba(184,150,46,.1);
  text-align:center;transition:background .3s;
}
.stat-cell:last-child{border-right:none}
.stat-cell:hover{background:var(--ink3)}
.stat-n{
  font-family:'Cormorant Garamond',serif;
  font-weight:300;font-style:italic;
  font-size:clamp(48px,6vw,76px);color:var(--brass-lt);
  line-height:1;display:block;margin-bottom:10px;
}
.stat-l{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:9px;letter-spacing:4px;color:rgba(237,232,223,.35);text-transform:uppercase;
}

/* ── GALLERY ── */
.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;height:460px;gap:2px}
.gcell{position:relative;overflow:hidden;background:var(--ink3)}
.gcell img,.gcell video{
  width:100%;height:100%;object-fit:cover;display:block;
  filter:brightness(.6) saturate(.6);
  transition:transform .8s ease,filter .5s ease;
}
.gcell:hover img,.gcell:hover video{transform:scale(1.05);filter:brightness(.78) saturate(.82)}
.gcell-label{
  position:absolute;bottom:0;left:0;right:0;
  padding:24px 20px 18px;
  background:linear-gradient(to top,rgba(8,8,7,.88) 0%,transparent 100%);z-index:2;
}
.gl-name{
  font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:16px;letter-spacing:2px;color:var(--cream);display:block;margin-bottom:3px;
}
.gl-sub{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--brass);
}

/* ── SERVICES ── */
#services{padding:110px 64px;background:var(--ink2)}
.svc-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:60px;flex-wrap:wrap}
.svc-intro-r{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:15px;color:rgba(237,232,223,.38);max-width:300px;line-height:1.9;
}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.svc{
  position:relative;overflow:hidden;min-height:360px;
  display:flex;flex-direction:column;justify-content:flex-end;
  background:var(--ink3);transition:transform .5s ease;
}
.svc:hover{transform:scale(1.015);z-index:2}
.svc-bg{
  position:absolute;inset:0;background-size:cover;background-position:center;
  filter:brightness(.3) saturate(.5);transition:transform .7s ease,filter .5s ease;
}
.svc:hover .svc-bg{transform:scale(1.08);filter:brightness(.45) saturate(.72)}
.svc::after{
  content:'';position:absolute;left:0;top:0;bottom:0;width:1px;
  background:var(--brass);transform:scaleY(0);transform-origin:bottom;
  transition:transform .4s;z-index:3;
}
.svc:hover::after{transform:scaleY(1)}
.svc-body{
  position:relative;z-index:2;padding:26px 24px;
  background:linear-gradient(to top,rgba(8,8,7,.97) 45%,transparent 100%);
}
.svc-n{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:9px;letter-spacing:4px;color:var(--brass);
  text-transform:uppercase;margin-bottom:10px;
}
.svc-name{
  font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:22px;margin-bottom:8px;letter-spacing:1px;
}
.svc-desc{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:13px;line-height:1.75;color:rgba(237,232,223,.45);
}
.svc-link{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:9px;letter-spacing:3px;color:var(--brass);
  text-decoration:none;margin-top:12px;text-transform:uppercase;
  opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s;
}
.svc:hover .svc-link{opacity:1;transform:translateY(0)}

/* ── VIDEO BAND ── */
#vband{position:relative;height:520px;overflow:hidden}
.vb{position:absolute;inset:0;overflow:hidden}
.vb video{
  position:absolute;top:50%;left:50%;
  width:calc(100% + 300px);height:calc(100% + 200px);
  transform:translate(-50%,-50%);object-fit:cover;
}
.vb-o1{position:absolute;inset:0;background:linear-gradient(to right,rgba(8,8,7,.93) 0%,rgba(8,8,7,.3) 55%,rgba(8,8,7,.7) 100%)}
.vb-o2{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,8,7,.88) 0%,transparent 45%,rgba(8,8,7,.88) 100%)}
.vb-content{position:absolute;z-index:10;top:50%;left:64px;transform:translateY(-50%);max-width:540px}
.vb-q{
  font-family:'Cormorant Garamond',serif;
  font-weight:300;font-style:italic;
  font-size:clamp(28px,4vw,50px);line-height:1.2;
  color:var(--cream);margin-bottom:28px;
}
.vb-q em{font-style:normal;font-weight:400;color:var(--brass-lt)}
.vb-flag{width:60px;height:1px;background:rgba(184,150,46,.4)}

/* ── ABOUT ── */
#about{display:grid;grid-template-columns:1.2fr 1fr;min-height:90vh}
.about-photo{position:relative;overflow:hidden}
.about-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.72) saturate(.65);transition:transform 8s ease}
.about-photo:hover img{transform:scale(1.03)}
.about-badge{
  position:absolute;top:40px;right:-20px;z-index:3;
  width:96px;height:96px;background:var(--brass);border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
}
.ab-n{font-family:'Cormorant Garamond',serif;font-weight:300;font-style:italic;font-size:32px;color:var(--ink);line-height:1}
.ab-l{font-family:'Raleway',sans-serif;font-weight:200;font-size:7px;letter-spacing:1.5px;color:rgba(8,8,7,.65);text-transform:uppercase;margin-top:2px}
.about-text{padding:80px 64px;background:var(--ink2);display:flex;flex-direction:column;justify-content:center}
.about-body{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:16px;line-height:2;
  color:rgba(237,232,223,.5);margin:22px 0 36px;
}
.about-body strong{color:var(--cream);font-weight:300}
.about-items{display:flex;flex-direction:column}
.aitem{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-bottom:1px solid rgba(184,150,46,.1)}
.aitem:last-child{border-bottom:none}
.ai-n{
  font-family:'Cormorant Garamond',serif;font-weight:300;font-style:italic;
  font-size:11px;color:var(--brass);padding-top:3px;min-width:22px;
}
.ai-h{
  font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:18px;margin-bottom:4px;letter-spacing:.5px;
}
.ai-t{font-family:'Raleway',sans-serif;font-weight:200;font-size:13px;color:rgba(237,232,223,.42);line-height:1.7}

/* ── PROCESS ── */
#process{padding:100px 64px;background:var(--ink)}
.proc-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  margin-top:52px;border:1px solid rgba(184,150,46,.1);
}
.proc{padding:40px 26px;border-right:1px solid rgba(184,150,46,.1);transition:background .3s}
.proc:last-child{border-right:none}
.proc:hover{background:rgba(122,82,48,.04)}
.proc-n{
  font-family:'Cormorant Garamond',serif;font-weight:300;font-style:italic;
  font-size:84px;color:rgba(184,150,46,.07);line-height:1;margin-bottom:14px;display:block;
}
.proc-t{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:18px;letter-spacing:.5px;margin-bottom:8px}
.proc-d{font-family:'Raleway',sans-serif;font-weight:200;font-size:13px;line-height:1.8;color:rgba(237,232,223,.38)}

/* ── CONTACT ── */
#contact{display:grid;grid-template-columns:1fr 1fr;background:var(--ink2)}
.contact-left{
  padding:100px 64px;
  background-image:url('/assets/img/i01.jpg');
  background-size:cover;background-position:center;position:relative;
}
.contact-left::before{content:'';position:absolute;inset:0;background:rgba(8,8,7,.88)}
.contact-left-inner{position:relative;z-index:2}
.contact-h2{
  font-family:'Cormorant Garamond',serif;
  font-weight:300;font-style:italic;
  font-size:clamp(42px,5vw,66px);line-height:.92;margin-bottom:44px;
}
.contact-h2 strong{font-style:normal;font-weight:400;display:block}
.cinfo{display:flex;flex-direction:column}
.ci{display:flex;gap:16px;align-items:flex-start;padding:20px 0;border-bottom:1px solid rgba(184,150,46,.1)}
.ci:last-child{border-bottom:none}
.ci-icon{width:36px;height:36px;flex-shrink:0;border:1px solid rgba(184,150,46,.2);display:flex;align-items:center;justify-content:center}
.ci-l{font-family:'Raleway',sans-serif;font-weight:200;font-size:9px;letter-spacing:3px;color:var(--brass);text-transform:uppercase;margin-bottom:4px}
.ci-v{font-family:'Raleway',sans-serif;font-weight:300;font-size:15px;color:var(--cream)}
.ci-v a{color:var(--cream);text-decoration:none;transition:color .2s}
.ci-v a:hover{color:var(--brass-lt)}
.contact-right{padding:100px 64px}
.form-h{
  font-family:'Cormorant Garamond',serif;font-weight:300;font-style:italic;
  font-size:26px;margin-bottom:28px;
}
.fr{margin-bottom:14px}
.fl{
  display:block;font-family:'Raleway',sans-serif;font-weight:200;
  font-size:9px;letter-spacing:3px;color:var(--brass);text-transform:uppercase;margin-bottom:7px;
}
.fi,.fsel,.fta{
  width:100%;background:rgba(255,255,255,.04);
  border:1px solid rgba(184,150,46,.12);
  color:var(--cream);padding:12px 14px;
  font-family:'Raleway',sans-serif;font-size:14px;font-weight:300;
  outline:none;transition:border-color .2s,background .2s;appearance:none;
}
.fi:focus,.fsel:focus,.fta:focus{border-color:var(--brass);background:rgba(184,150,46,.04)}
.fi::placeholder,.fta::placeholder{color:rgba(237,232,223,.25)}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fta{resize:vertical;min-height:100px}
.fsub{
  width:100%;background:var(--brass);color:var(--ink);border:none;
  padding:14px;font-family:'Raleway',sans-serif;
  font-size:9px;letter-spacing:4px;text-transform:uppercase;font-weight:300;
  cursor:none;transition:background .2s;margin-top:4px;
}
.fsub:hover{background:var(--brass-lt)}

/* ── FOOTER ── */
footer{
  background:var(--ink);
  border-top:1px solid rgba(184,150,46,.1);
  padding:40px 64px;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;
}
.foot-logo img{width:60px;height:60px;object-fit:contain;opacity:.9}
.foot-name{
  font-family:'Cormorant Garamond',serif;font-weight:300;
  font-size:13px;letter-spacing:4px;color:var(--cream);
}
.foot-name span{color:var(--brass)}
.foot-copy{
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:10px;letter-spacing:1.5px;color:rgba(237,232,223,.28);margin-top:4px;
}
.foot-ig a{
  display:flex;align-items:center;gap:8px;
  font-family:'Raleway',sans-serif;font-weight:200;
  font-size:10px;letter-spacing:2px;color:var(--brass);
  text-decoration:none;transition:opacity .2s;
}
.foot-ig a:hover{opacity:.6}

/* ── RESPONSIVE ── */
@media(max-width:1060px){
  #ba-grid { grid-template-columns:1fr!important; }
  #before-after > div:first-child { padding:60px 24px 40px!important; }
  #before-after > div:last-child { padding:32px 24px!important; }
@media(max-width:1060px){
  #cmg .fade { padding-left: 24px !important; padding-right: 24px !important; }
  #cmg > div:first-child { padding: 60px 24px 40px !important; }
  #cmg > div:last-child { padding: 32px 24px !important; }
  #cmg a[style*="right:64px"] { display: none !important; }
@media(max-width:1060px){
  nav,nav.solid{padding-left:24px;padding-right:24px}
  .nav-links{display:none}
  .hamburger{display:flex}
  .hero-name{font-size:clamp(64px,16vw,120px);letter-spacing:14px}
  .ps-content{padding:0 24px 60px}
  .stats-strip{grid-template-columns:1fr}
  .stat-cell{border-right:none;border-bottom:1px solid rgba(184,150,46,.1)}
  .gallery-grid{grid-template-columns:1fr 1fr;height:auto}
  .gcell{height:260px}
  #services{padding:80px 24px}
  .svc-grid{grid-template-columns:1fr 1fr}
  .svc-intro{flex-direction:column;gap:16px}
  .vb-content{left:24px;right:24px}
  #about{grid-template-columns:1fr}
  .about-photo{height:55vh}
  .about-text{padding:56px 24px}
  #process{padding:80px 24px}
  .proc-grid{grid-template-columns:1fr 1fr}
  .proc{border-bottom:1px solid rgba(184,150,46,.1)}
  #contact{grid-template-columns:1fr}
  .contact-left,.contact-right{padding:60px 24px}
  footer{padding:32px 24px;flex-direction:column;align-items:flex-start}
}
@media(max-width:640px){
  .svc-grid,.proc-grid{grid-template-columns:1fr}
  .f2{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:1fr}
  .gcell{height:240px}
}
@media(max-width:768px) {
      #lv-grid { grid-template-columns: 1fr !important; gap: 48px !important; }
      #lv-section { padding: 60px 24px !important; }
    }