/* Approved homepage look (2026-10-30). Load after home-v2.css on the homepage. */
:root{--ink:#14130f;--gold:#E4CC98;--gold2:#9C7F45;--cream:#F6F1E7}
@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes bxs{to{--a:360deg}}
@keyframes bxp{0%{box-shadow:0 0 0 0 rgba(156,127,69,.55)}70%{box-shadow:0 0 0 9px rgba(156,127,69,0)}100%{box-shadow:0 0 0 0 rgba(156,127,69,0)}}
.eyebrow,#build .sb-eyebrow{color:var(--gold2)!important;letter-spacing:.34em!important;font-size:11px!important;display:flex!important;align-items:center;gap:10px}
.eyebrow::before,#build .sb-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;animation:bxp 2.2s infinite}
h2 em.gw{font-style:italic;color:var(--gold2)}
.app-topbar{background:rgba(231,223,210,.72)!important;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid rgba(156,127,69,.25)!important}
#build{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;margin:48px 0;padding:clamp(26px,3.5vw,40px) clamp(24px,4vw,48px)!important;display:flex!important;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;color:var(--cream);background:var(--ink);box-shadow:0 28px 70px rgba(20,19,15,.35)}
#build .bx-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.9) brightness(.55);transform:scale(1.05);transition:opacity .6s}
#build::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,19,15,.92) 0%,rgba(20,19,15,.6) 55%,rgba(20,19,15,.35) 100%)}
#build .sb-head{margin:0;flex:1 1 300px}
#build .sb-eyebrow{color:#D9BE85!important;margin:0 0 10px!important}
#build h2{color:#fff!important;font-weight:400!important;font-size:clamp(32px,3.8vw,52px)!important;line-height:1.02;margin:0!important}
#build h2 em.gw{color:var(--gold)}
#build .sb-form,#build .sb-step{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
#build legend{display:none}
#build .sb-chips{display:flex!important;gap:12px;flex-wrap:wrap}
#build .sb-chip{position:relative;border-radius:999px!important;padding:2px!important;border:0!important;background:conic-gradient(from var(--a),rgba(255,255,255,.18),var(--gold),rgba(255,255,255,.18) 30%,rgba(255,255,255,.18))!important;animation:bxs 4s linear infinite;box-shadow:none!important;cursor:pointer}
#build .sb-chip:nth-child(2){animation-delay:-1.3s}#build .sb-chip:nth-child(3){animation-delay:-2.6s}
#build .sb-chip input{position:absolute;opacity:0}
#build .sb-chip>span{display:flex!important;align-items:center;gap:10px;border-radius:999px!important;padding:15px 24px!important;background:rgba(20,19,15,.72)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--cream)!important;font:15px Arial,sans-serif!important;letter-spacing:.04em;border:0!important;box-shadow:none!important;min-height:0!important;transition:background .35s,color .35s}
#build .sb-chip>span::after{content:"→";display:inline-block!important;transition:transform .35s;color:var(--gold)}
#build .sb-chip>span::before{display:none!important}
#build .sb-chip:hover>span{background:var(--cream)!important;color:var(--ink)!important}
#build .sb-chip:hover>span::after{transform:translateX(4px);color:var(--ink)}
.homepage-services .work-card{position:relative;overflow:hidden;border-radius:22px!important;box-shadow:0 22px 50px rgba(20,19,15,.18)!important;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.homepage-services .work-card img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)!important;filter:saturate(.92)}
.homepage-services .work-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(20,19,15,.82),rgba(20,19,15,0) 50%);pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(228,204,152,0);transition:box-shadow .5s}
.homepage-services .work-card:hover{transform:translateY(-6px)}
.homepage-services .work-card:hover img{transform:scale(1.07)}
.homepage-services .work-card:hover::after{box-shadow:inset 0 0 0 1.5px rgba(228,204,152,.85)}
.homepage-services .work-card>span{position:absolute!important;left:20px;right:20px;bottom:18px;z-index:2;display:flex!important;justify-content:space-between;align-items:center;background:none!important;color:#fff!important;font-family:Georgia,serif!important;font-size:22px!important;padding:0!important;border:0!important;box-shadow:none!important;width:auto!important;max-width:none!important;transform:none!important;top:auto!important}
.homepage-services .work-card>span::after{content:"→";width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:15px;color:var(--ink);background:var(--cream);transition:transform .4s,background .4s}
.homepage-services .work-card:hover>span::after{background:var(--gold);transform:translateX(3px)}
section.intro{background:var(--ink)!important;color:var(--cream)!important;border-radius:22px;padding:clamp(28px,4vw,52px)!important;box-shadow:0 28px 70px rgba(20,19,15,.3);position:relative;overflow:hidden;gap:clamp(24px,4vw,56px)!important;align-items:center!important}
section.intro::before{content:"";position:absolute;right:-140px;top:-140px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(228,204,152,.18),transparent 70%);pointer-events:none}
section.intro .eyebrow{color:var(--gold)!important}
section.intro .hero-description{color:#E9E2D4!important;font-family:Georgia,serif!important;font-size:clamp(19px,1.9vw,25px)!important;line-height:1.45!important}
section.intro .hero-image{border-radius:18px;overflow:hidden;max-height:360px;box-shadow:0 0 0 1px rgba(228,204,152,.35)}
section.intro .hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 22%}
section.intro .hero-cta{display:none!important} /* "Prefer to talk first? Schedule a call" removed — better: delete from markup */
.gx{position:relative;display:inline-flex!important;text-decoration:none!important;cursor:pointer}
.gx>.gi{position:relative;display:inline-flex;align-items:center;gap:14px;padding:6px 0;color:var(--cream);font:500 15px Arial,sans-serif;letter-spacing:.06em}
.gx>.gi::before{content:"";position:absolute;left:0;right:58px;bottom:0;height:1px;background:linear-gradient(90deg,var(--gold),rgba(228,204,152,.25));transform:scaleX(.35);transform-origin:left;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.gx>.gi::after{content:"→";width:44px;height:44px;border-radius:50%;border:1px solid rgba(228,204,152,.6);display:inline-flex;align-items:center;justify-content:center;color:var(--gold);font-size:16px;transition:background .45s,color .45s,transform .45s,border-color .45s}
.gx:hover>.gi{color:#fff}.gx:hover>.gi::before{transform:scaleX(1)}
.gx:hover>.gi::after{background:var(--gold);color:var(--ink);border-color:var(--gold);transform:translateX(6px)}
#selected-projects{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;background:var(--ink)!important;box-shadow:0 28px 70px rgba(20,19,15,.3);padding:0!important}
#selected-projects .works-preview-link{display:flex!important;align-items:center;padding:clamp(26px,3.5vw,40px) clamp(24px,4vw,48px)!important;color:var(--cream)!important;text-decoration:none!important;min-height:0!important;background:none!important}
#selected-projects .works-preview-images{display:none!important}
#selected-projects .sw-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:brightness(.5) saturate(.9)}
#selected-projects::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,19,15,.92),rgba(20,19,15,.35))}
#selected-projects .works-preview-copy{display:flex!important;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;width:100%}
#selected-projects .eyebrow{color:var(--gold)!important;margin:0 0 8px!important}
#selected-projects h2{color:#fff!important;margin:0!important;font-size:clamp(30px,3.6vw,48px)!important}
#selected-projects h2 em.gw{color:var(--gold)}
#questions .faq-page-link{position:relative;border-bottom:1px solid rgba(20,19,15,.14)!important;transition:padding .4s}
#questions .faq-page-link::before{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--gold2);transition:width .6s cubic-bezier(.2,.7,.2,1)}
#questions .faq-page-link:hover{padding-left:10px!important}#questions .faq-page-link:hover::before{width:100%}
#questions .faq-page-link span{width:32px;height:32px;border-radius:50%;display:inline-flex!important;align-items:center;justify-content:center;border:1px solid var(--gold2);color:var(--gold2)!important;transition:background .3s,color .3s,transform .4s}
#questions .faq-page-link:hover span{background:var(--gold2);color:#fff!important;transform:rotate(90deg)}
footer{background:var(--ink)!important;color:#A9A190!important;border-radius:22px 22px 0 0;margin-top:40px}
footer a{color:var(--cream)!important;position:relative}
footer a::after{content:"";position:absolute;left:0;bottom:-3px;height:1px;width:0;background:var(--gold);transition:width .4s}
footer a:hover::after{width:100%}
footer .copyright-footer{color:#A9A190!important}
@media (prefers-reduced-motion:reduce){#build .sb-chip,.eyebrow::before{animation:none}.bx-v,.sw-v{display:none}}
/* Review fixes 2026-10-30 */
@media (min-width:900px){.homepage-services .work-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;overflow:visible!important;padding-right:0!important;scroll-snap-type:none!important}.homepage-services .work-grid>.work-card{width:auto!important;min-width:0!important;max-width:none!important;flex:none!important}}
@media (max-width:640px){#build .sb-chips{flex-direction:column!important;flex-wrap:nowrap!important;width:100%}#build .sb-chip{width:100%;display:block}#build .sb-chip>span{justify-content:space-between;width:100%;box-sizing:border-box}}
footer .quick-links a[href="/client.html"]{display:inline-flex!important}
#questions details.faq-item{border-bottom:1px solid rgba(20,19,15,.14)}
#questions details.faq-item>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;min-height:56px;cursor:pointer;transition:padding .4s}
#questions details.faq-item>summary::-webkit-details-marker{display:none}
#questions details.faq-item>summary:hover{padding-left:10px}
#questions details.faq-item>summary span{flex:none;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold2,#9a7b3f);color:var(--gold2,#9a7b3f);font-size:22px;transition:transform .4s,background .3s,color .3s}
#questions details.faq-item[open]>summary span{transform:rotate(45deg);background:var(--gold2,#9a7b3f);color:#fff}
#questions details.faq-item p{margin:0 0 22px;max-width:640px;line-height:1.6;color:#4b463d}
#questions details.faq-item>summary::after,#questions details.faq-item>summary::before{content:none!important;display:none!important}
@media (max-width:640px){#build .sb-form,#build .sb-step,#build fieldset{width:100%!important;min-width:0}}