/* Source One Remodel — site styles (ZING static export) */
:root{--ease:cubic-bezier(0.22,1,0.36,1);--gold:#C9A227;--ink:#201D19;--paper:#F7F5F1;}
html{scroll-behavior:smooth;}
body{margin:0;background:#F7F5F1;color:#201D19;font-family:Geist,Helvetica,sans-serif;font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased;}
a{color:#201D19;}
a:hover{color:#A07E1C;}
main{display:block;}

/* ---------- header ---------- */
.soc-header{position:fixed;top:0;left:0;right:0;z-index:900;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 clamp(16px,4vw,40px);height:96px;background:rgba(24,21,17,.72);color:#F7F5F1;}
.soc-header::before{content:"";position:absolute;inset:0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:-1;}
.soc-hleft{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none;color:#F7F5F1;}
.soc-hleft img{width:84px;height:84px;object-fit:contain;display:block;}
.soc-wordmark{font-family:Geist,Helvetica,sans-serif;font-weight:600;font-size:22px;letter-spacing:.04em;white-space:nowrap;color:#F7F5F1;}
.soc-wordmark small{display:block;font-weight:400;font-size:13px;letter-spacing:.32em;color:#C9A227;text-transform:uppercase;}
@media(max-width:440px){.soc-wordmark{display:none;}}
.soc-nav{display:flex;gap:clamp(14px,2.2vw,30px);}
@media(min-width:1240px){.soc-nav{position:absolute;left:50%;transform:translateX(-50%);}}
@media(min-width:769px) and (max-width:1239px){.soc-header{gap:10px;}.soc-nav{margin-left:auto;gap:clamp(10px,1.6vw,22px);}.soc-nav a{font-size:14.5px;}}
.soc-nav a,.soc-ul{color:#F7F5F1;text-decoration:none;font-size:15.5px;letter-spacing:.02em;padding:6px 2px;background:linear-gradient(var(--gold),var(--gold)) left bottom/0% 2px no-repeat;transition:background-size .35s var(--ease),color .3s;}
.soc-nav a:hover,.soc-nav a.soc-active,.soc-ul:hover{background-size:100% 2px;color:#fff;}
.soc-nav a.soc-active{color:var(--gold);}
body[data-active="home"] .soc-nav a[data-page="home"],
body[data-active="about"] .soc-nav a[data-page="about"],
body[data-active="services"] .soc-nav a[data-page="services"],
body[data-active="gallery"] .soc-nav a[data-page="gallery"],
body[data-active="contact"] .soc-nav a[data-page="contact"]{color:var(--gold);background-size:100% 2px;}
body[data-active="home"] .soc-dnav[data-page="home"],
body[data-active="about"] .soc-dnav[data-page="about"],
body[data-active="services"] .soc-dnav[data-page="services"],
body[data-active="gallery"] .soc-dnav[data-page="gallery"],
body[data-active="contact"] .soc-dnav[data-page="contact"]{color:var(--gold);}
.soc-hright{display:flex;align-items:center;gap:6px;flex-shrink:0;}
.soc-ibtn{background:transparent;border:0;color:#F7F5F1;width:42px;height:42px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s var(--ease);}
.soc-ibtn:hover,.soc-ibtn:focus-visible{background:rgba(158,168,146,.22);outline:none;}
.soc-cta{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:#1E1B14;font-family:inherit;font-weight:600;font-size:15px;padding:11px 20px;border-radius:999px;text-decoration:none;border:0;cursor:pointer;transition:transform .3s var(--ease),box-shadow .3s var(--ease);white-space:nowrap;margin-left:8px;}
.soc-cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(201,162,39,.35);color:#1E1B14;}
@media(min-width:769px) and (max-width:1100px){.soc-cta{display:none!important;}}
@media(max-width:768px){.soc-nav,.soc-hright .soc-desk{display:none!important;}}
@media(min-width:769px){.soc-burger{display:none!important;}}
.soc-pop{position:absolute;top:64px;right:clamp(16px,4vw,40px);background:#FFFDF8;color:var(--ink);border-radius:14px;box-shadow:0 24px 60px rgba(20,16,10,.28);padding:8px;min-width:230px;display:none;z-index:960;}
.soc-pop.soc-open{display:block;}
.soc-pop a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;text-decoration:none;color:var(--ink);font-size:15.5px;transition:background .25s;}
.soc-pop a:hover{background:#F1EDE4;color:var(--ink);}
.soc-contact-wrap{position:relative;}
.soc-contact-wrap:focus-within .soc-pop{display:block;}

/* ---------- search panel ---------- */
.soc-searchpanel{position:fixed;top:96px;left:0;right:0;z-index:940;background:#FFFDF8;color:var(--ink);box-shadow:0 30px 60px rgba(20,16,10,.25);padding:22px clamp(16px,6vw,64px) 28px;display:none;}
.soc-searchpanel.soc-open{display:block;}
.soc-searchrow{display:flex;gap:10px;align-items:center;max-width:760px;margin:0 auto;}
.soc-searchrow input{flex:1;font:inherit;font-size:18px;padding:13px 18px;border:1.5px solid #D8D2C4;border-radius:12px;background:#fff;color:var(--ink);}
.soc-searchrow input:focus{outline:2px solid var(--gold);border-color:var(--gold);}
.soc-results{max-width:760px;margin:14px auto 0;display:flex;flex-direction:column;gap:2px;}
.soc-results a{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:10px;text-decoration:none;color:var(--ink);font-size:16px;}
.soc-results a:hover{background:#F1EDE4;color:var(--ink);}
.soc-results .soc-kind{color:#8B8272;font-size:13px;letter-spacing:.08em;text-transform:uppercase;}

/* ---------- settings panel ---------- */
.soc-settings{position:fixed;top:0;right:0;bottom:0;width:min(380px,92vw);z-index:970;background:#211E19;color:#F2EEE6;padding:26px 26px 40px;overflow-y:auto;transform:translateX(105%);transition:transform .45s var(--ease);box-shadow:-30px 0 70px rgba(0,0,0,.4);}
.soc-settings.soc-open{transform:translateX(0);}
.soc-settings h2{font-size:20px;margin:0 0 4px;font-weight:600;}
.soc-set-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid rgba(242,238,230,.12);}
.soc-set-row label{font-size:15.5px;}
.soc-set-sub{font-size:13px;color:#B4AC9D;margin-top:3px;}
.soc-toggle{position:relative;width:48px;height:27px;border-radius:999px;background:#4A443B;border:0;cursor:pointer;transition:background .3s;flex-shrink:0;}
.soc-toggle::after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#F2EEE6;transition:transform .3s var(--ease);}
.soc-toggle[aria-checked="true"]{background:var(--gold);}
.soc-toggle[aria-checked="true"]::after{transform:translateX(21px);}
.soc-settings select,.soc-settings input[type=range]{font:inherit;background:#2E2A23;color:#F2EEE6;border:1px solid #4A443B;border-radius:8px;padding:7px 10px;max-width:150px;}

/* ---------- mobile drawer ---------- */
.soc-drawer{position:fixed;inset:0;z-index:980;background:rgba(22,19,15,.97);color:#F2EEE6;display:none;overflow-y:auto;padding:84px 24px 48px;}
.soc-drawer.soc-open{display:flex;}
.soc-drawer-inner{max-width:440px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:6px;}
.soc-drawer-inner>a.soc-dnav{color:#F2EEE6;text-decoration:none;font-size:23px;font-weight:500;padding:13px 4px;border-bottom:1px solid rgba(242,238,230,.1);background:linear-gradient(var(--gold),var(--gold)) left bottom/0% 2px no-repeat;transition:background-size .35s var(--ease);}
.soc-drawer-inner>a.soc-dnav:hover{background-size:100% 2px;color:#fff;}
.soc-drawer-inner>a.soc-dnav.soc-active{color:var(--gold);}
.soc-drow{display:flex;align-items:center;gap:14px;color:#F2EEE6;text-decoration:none;font-size:17px;padding:12px 4px;}
.soc-drow:hover{color:var(--gold);}
.soc-dhead{font-size:12.5px;letter-spacing:.24em;text-transform:uppercase;color:#B4AC9D;margin:26px 0 4px;}
.soc-dclose{position:fixed;top:15px;right:16px;z-index:985;}
.soc-drawer input[type=search]{font:inherit;font-size:17px;padding:13px 16px;border-radius:12px;border:1px solid #4A443B;background:#2E2A23;color:#F2EEE6;width:100%;box-sizing:border-box;margin-top:8px;}

/* ---------- footer ---------- */
.soc-footer{background:#1B1814;color:#D9D2C4;font-size:15.5px;}
.soc-footer a{color:#D9D2C4;text-decoration:none;background:linear-gradient(var(--gold),var(--gold)) left bottom/0% 1.5px no-repeat;transition:background-size .35s var(--ease),color .3s;padding-bottom:2px;}
.soc-footer a:hover{background-size:100% 1.5px;color:#fff;}
.soc-fgrid{max-width:1200px;margin:0 auto;padding:64px clamp(20px,5vw,48px) 40px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;}
@media(max-width:900px){.soc-fgrid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.soc-fgrid{grid-template-columns:1fr;}}
.soc-fcol{display:flex;flex-direction:column;gap:11px;align-items:flex-start;}
.soc-fcol h3{font-size:12.5px;letter-spacing:.26em;text-transform:uppercase;color:#9A9182;margin:0 0 6px;font-weight:600;}
.soc-fbottom{border-top:1px solid rgba(217,210,196,.14);padding:20px clamp(20px,5vw,48px);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;max-width:1200px;margin:0 auto;font-size:13.5px;color:#8B8272;}

/* ---------- ambient effects ---------- */
.soc-grain{position:fixed;inset:-100px;z-index:930;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");}
@keyframes socGrain{0%{transform:translate(0,0)}25%{transform:translate(-40px,30px)}50%{transform:translate(30px,-40px)}75%{transform:translate(-30px,-25px)}100%{transform:translate(0,0)}}
.soc-grain.soc-anim{animation:socGrain 9s steps(6) infinite;}
.soc-glow{position:fixed;width:220px;height:220px;margin:-110px 0 0 -110px;border-radius:50%;pointer-events:none;z-index:990;background:radial-gradient(circle,rgba(255,215,0,.22) 0%,rgba(255,215,0,.08) 45%,rgba(255,215,0,0) 70%);filter:blur(6px);opacity:0;transition:opacity .4s;}
.soc-langnote{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:945;background:#211E19;color:#F2EEE6;font-size:13.5px;padding:9px 18px;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.3);}
html.soc-dys body,html.soc-dys button,html.soc-dys input,html.soc-dys select{font-family:Lexend,Geist,sans-serif!important;letter-spacing:.01em;}

/* ---------- layout helpers ---------- */
.soc-split-56{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);}
.soc-split-75{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);}
.soc-2col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
@media(max-width:900px){.soc-split-56,.soc-split-75,.soc-2col{grid-template-columns:1fr!important;}.soc-bleed{width:100%!important;max-width:100%!important;margin-left:0!important;height:340px!important;border-radius:18px!important;}}
.soc-masonry{columns:3;column-gap:24px;}
@media(max-width:1000px){.soc-masonry{columns:2;}}
@media(max-width:620px){.soc-masonry{columns:1;}}
.soc-formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
@media(max-width:560px){.soc-formgrid{grid-template-columns:1fr!important;}}
[data-reveal]{will-change:transform,opacity;}

/* ---------- page pieces ---------- */
@keyframes socKen{0%{transform:scale(1);}100%{transform:scale(1.12);}}
.soc-kenburns{animation:socKen 26s var(--ease) both alternate infinite;}
.soc-card{transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease);}
.soc-card img{transition:transform .7s var(--ease);}
.soc-card:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgba(32,25,14,.18);border-color:#A07E1C!important;}
.soc-card:hover img{transform:scale(1.06);}
.soc-card .soc-arrow{transition:transform .3s var(--ease);display:inline-block;}
.soc-card:hover .soc-arrow{transform:translateX(4px);}
.soc-tile{transition:transform .35s var(--ease),box-shadow .35s var(--ease);}
.soc-tile img{transition:transform .7s var(--ease);}
.soc-tile:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgba(32,25,14,.2);}
.soc-tile:hover img{transform:scale(1.06);}
.soc-field{width:100%;box-sizing:border-box;font-family:inherit;font-size:17px;color:#201D19;background:#fff;border:1.5px solid #D8D2C4;border-radius:12px;padding:14px 16px;transition:border-color .3s var(--ease),box-shadow .3s var(--ease);}
.soc-field:focus{outline:none;border-color:#C9A227;box-shadow:0 0 0 3px rgba(201,162,39,.2);}
.soc-lift:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(201,162,39,.4);}
.soc-toclink:hover{color:#E3C563!important;border-color:#C9A227!important;}

/* ---------- reduced motion ---------- */
@media(prefers-reduced-motion:reduce){
  .soc-grain.soc-anim{animation:none!important;}
  .soc-kenburns{animation:none;}
  .soc-card,.soc-card img,.soc-card .soc-arrow,.soc-tile,.soc-tile img{transition:none;}
  *{animation-duration:.01s!important;}
}

/* ---------- 10-page additions ---------- */
.soc-phold{position:absolute;inset:0;background-color:#26211A;background-image:repeating-linear-gradient(45deg,rgba(247,245,241,.045) 0 26px,transparent 26px 52px);}
.soc-phold-tag{position:absolute;top:118px;right:clamp(16px,4vw,44px);z-index:2;border:1.5px dashed rgba(227,197,99,.7);color:#E3C563;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;padding:10px 16px;border-radius:10px;background:rgba(24,21,17,.55);}
@media(max-width:640px){.soc-phold-tag{right:16px;left:16px;text-align:center;}}

/* ---------- services nav dropdown ---------- */
.soc-navdrop{position:relative;display:flex;}
.soc-navdrop>a{display:inline-flex;align-items:center;gap:6px;}
.soc-navdrop>a svg{transition:transform .3s var(--ease);}
.soc-navdrop:hover>a svg,.soc-navdrop:focus-within>a svg{transform:rotate(180deg);}
.soc-navdrop-menu{position:absolute;top:calc(100% + 30px);left:50%;transform:translateX(-50%);background:#FFFDF8;border-radius:14px;box-shadow:0 24px 60px rgba(20,16,10,.28);padding:8px;min-width:250px;display:none;flex-direction:column;z-index:960;}
.soc-navdrop-menu::before{content:"";position:absolute;top:-32px;left:0;right:0;height:32px;}
.soc-navdrop:hover .soc-navdrop-menu,.soc-navdrop:focus-within .soc-navdrop-menu{display:flex;}
.soc-nav .soc-navdrop-menu a{display:block;color:#201D19;font-size:15.5px;padding:11px 14px;border-radius:10px;background:none;transition:background .25s;}
.soc-nav .soc-navdrop-menu a:hover{background:#F1EDE4;color:#201D19;}
.soc-nav .soc-navdrop-all{border-top:1px solid #EAE4D6;border-radius:0 0 10px 10px;margin-top:4px;font-weight:600;color:#A07E1C!important;}
.soc-dsub{display:flex;flex-direction:column;padding:2px 0 10px 20px;}
.soc-dsub a{color:#B4AC9D;text-decoration:none;font-size:16.5px;padding:8px 4px;}
.soc-dsub a:hover{color:var(--gold);}