:root{--bg: #0b0b0b;--bg-soft: #121212;--surface: #171717;--surface-2: #1d1d1d;--gold: #c9a44c;--gold-soft: #e2c97d;--cream: #f4eee3;--muted: #cfc6b4;--line: rgba(201, 164, 76, .22);--shadow: 0 18px 48px rgba(0, 0, 0, .42);--radius: 22px;--max: 1160px}body.light-mode{--bg: #f7f3eb;--bg-soft: #efe8db;--surface: #fffaf2;--surface-2: #f4ecde;--gold: #b88f32;--gold-soft: #8c6a19;--cream: #231d14;--muted: #675b47;--line: rgba(184, 143, 50, .22);--shadow: 0 16px 38px rgba(70, 50, 15, .12)}html{scroll-behavior:smooth}body{margin:0;color:var(--cream);background:radial-gradient(circle at top,rgba(201,164,76,.11),transparent 28%),linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 45%,var(--bg) 100%);font-family:Inter,Arial,Helvetica,sans-serif;font-size:1.3rem;line-height:1.6;transition:background .25s ease,color .25s ease}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.container{width:min(calc(100% - 2rem),var(--max));margin:0 auto}.topbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid rgba(201,164,76,.14)}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.9rem}.brand-logo{width:48px;height:48px;border-radius:50%;border:1px solid rgba(201,164,76,.32);background:linear-gradient(180deg,var(--surface) 0%,var(--bg) 100%);display:grid;place-items:center;color:var(--gold-soft);font-size:1.2rem;box-shadow:0 8px 24px #0000003d;flex-shrink:0}.brand-title{font-family:Georgia,Times New Roman,serif;font-size:3rem;color:var(--gold-soft);letter-spacing:.04em}.brand-subtitle{font-size:.78rem;color:var(--muted);letter-spacing:.16em;text-transform:uppercase}.nav-links{display:flex;align-items:center;flex-wrap:wrap;gap:1.1rem;color:var(--muted);font-size:.95rem}.button,.theme-toggle{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.9rem 1.3rem;border:1px solid var(--gold);background:linear-gradient(180deg,var(--surface) 0%,var(--bg-soft) 100%);color:var(--gold-soft);font-weight:600;cursor:pointer;white-space:nowrap}.button.primary{background:linear-gradient(180deg,#d5b35a,#b88f32);color:#111;border-color:#d8b65f}h1,h2,h3{margin:0;line-height:1.12;font-family:Georgia,Times New Roman,serif;font-weight:600}h1{font-size:clamp(2.4rem,5vw,4.4rem);margin-bottom:1rem}h2{font-size:clamp(1.8rem,3vw,2.7rem)}.gold-text{color:var(--gold-soft);font-style:italic}p,.section-copy,.about-copy,.mini-note{color:var(--muted)}.eyebrow{display:inline-block;padding:.38rem .78rem;border:1px solid var(--line);border-radius:999px;color:var(--gold-soft);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:1rem}.hero{padding:5rem 0 4.5rem}#services,#work,#about,#contact{padding:4rem 0}.section-head{margin-bottom:2rem}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:2rem;align-items:center}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.4rem}.hero-visual{border-radius:30px;border:1px solid rgba(201,164,76,.18);background:linear-gradient(135deg,var(--surface-2) 0%,var(--bg-soft) 100%);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow:hidden;min-height:420px}.card{background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid rgba(201,164,76,.14);box-shadow:var(--shadow);border-radius:var(--radius);padding:1rem 1.1rem}.card h3{color:var(--gold-soft)}.fb-post{width:75%;max-width:290px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #00000080;font-family:-apple-system,Segoe UI,Arial,sans-serif;font-size:.82rem;color:#1c1e21;transform:rotate(-9deg)}.fb-post-header{display:flex;align-items:center;gap:.6rem;padding:.75rem .9rem .4rem}.fb-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;overflow:hidden;background:#111}.fb-meta{flex:1;display:flex;flex-direction:column;gap:.1rem}.fb-page-name{font-weight:700;font-size:.88rem;color:#1c1e21}.fb-timestamp{font-size:.72rem;color:#65676b;display:flex;align-items:center;gap:.2rem}.fb-dots{color:#65676b;font-size:1.2rem;line-height:1;letter-spacing:.05em;padding-bottom:.4rem}.fb-caption{margin:0;padding:.3rem .9rem .6rem;color:#1c1e21!important;font-size:.88rem;line-height:1.5}.fb-caption strong{color:#1c1e21}.fb-image{width:100%;aspect-ratio:1 / 1;background:#0b0b0b;position:relative;overflow:hidden}.fb-image-inner{width:100%;height:100%;background:linear-gradient(160deg,#2d2250,#1a1535);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1.5rem;border-top:1px solid rgba(155,142,196,.2);border-bottom:1px solid rgba(155,142,196,.2)}.fb-promo-badge{font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:#c4b8e8;border:1px solid rgba(196,184,232,.4);border-radius:999px;padding:.22rem .7rem}.fb-promo-headline{display:block;font-family:Georgia,serif;font-size:1.15rem;color:#e8e0f8;text-align:center;line-height:1.3}.fb-promo-sub{display:block;font-size:.72rem;color:#c4b8e8a6;text-align:center;letter-spacing:.1em;text-transform:uppercase}.fb-promo-cta{margin-top:.4rem;font-size:.7rem;color:#c4b8e88c;border-top:1px solid rgba(155,142,196,.2);padding-top:.5rem;letter-spacing:.04em;font-style:italic}.fb-reactions{display:flex;align-items:center;gap:.5rem;padding:.5rem .9rem .7rem;font-size:.75rem;color:#65676b;border-top:1px solid #e4e6ea}.fb-react-icons{font-size:.85rem}.fb-react-count{flex:1}.fb-comment-count{color:#65676b}.services-list{margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;padding:1.4rem 0;border-bottom:1px solid var(--line);align-items:baseline}.service-row:nth-child(odd){padding-right:2.5rem}.service-row:nth-child(2n){padding-left:2.5rem;border-left:1px solid var(--line)}.services-list dt{font-family:Georgia,Times New Roman,serif;font-size:1rem;color:var(--gold-soft);font-weight:600}.services-list dd{margin:0;color:var(--muted);font-size:1.2rem}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:stretch}.work-link{display:inline-block;margin-top:1.2rem;color:var(--gold-soft);font-size:.9rem;font-weight:600;letter-spacing:.02em;transition:opacity .2s ease}.work-link:hover{opacity:.75}.work-preview{min-height:280px;padding:0!important;overflow:hidden}.work-preview-inner{width:100%;height:100%;min-height:280px;display:grid;place-items:center;background:repeating-linear-gradient(45deg,transparent,transparent 12px,rgba(201,164,76,.04) 12px,rgba(201,164,76,.04) 24px)}.work-preview-label{font-size:.78rem;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;opacity:.6}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.offer-list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.9rem}.offer-list li{color:var(--muted);font-size:1.2rem;padding-bottom:.9rem;border-bottom:1px solid var(--line)}.offer-list li:last-child{border-bottom:none}.offer-list strong{color:var(--cream)}.cta{padding:2rem 0 4rem}.cta-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem;padding:2rem 1.8rem;border-radius:26px;border:1px solid rgba(201,164,76,.14);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 95%,transparent),color-mix(in srgb,var(--bg-soft) 95%,transparent));box-shadow:var(--shadow)}@media(max-width:1024px){.hero-grid,.hero-top-stats,.work-grid,.about-layout,.services-list{grid-template-columns:1fr}.service-row{padding-right:0!important;padding-left:0!important;border-left:none!important}.cta-card{grid-template-columns:1fr;text-align:center}.cta-card .button{width:100%}.hero-visual{min-height:380px}.about-layout{gap:2.5rem}}@media(max-width:640px){.nav{flex-direction:column;align-items:flex-start;padding:.9rem 0}.nav-links{width:100%;justify-content:space-between;gap:.8rem}.hero{padding-top:3.7rem}.hero-actions{flex-direction:column;align-items:stretch}.button,.theme-toggle{width:100%}.hero-visual{min-height:340px;padding:1rem}.service-row{grid-template-columns:1fr;gap:.4rem}}.contact-card{display:grid;grid-template-columns:1fr 1.4fr;align-items:start;gap:3rem;padding:2.5rem;border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid rgba(201,164,76,.14);box-shadow:var(--shadow)}.contact-text h2{margin-bottom:.6rem}.contact-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.form-group input,.form-group textarea{background:color-mix(in srgb,var(--surface) 60%,transparent);border:1px solid rgba(201,164,76,.18);border-radius:12px;padding:.75rem 1rem;color:var(--cream);font-family:inherit;font-size:.9rem;width:100%;transition:border-color .2s ease;resize:none}.form-group input::placeholder,.form-group textarea::placeholder{color:color-mix(in srgb,var(--muted) 50%,transparent)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#c9a44c80}body.light-mode .form-group input,body.light-mode .form-group textarea{background:#fff9;color:var(--cream)}.contact-form .button{align-self:flex-start}.contact-form .button:disabled{opacity:.6;cursor:not-allowed}.toast{position:fixed;bottom:2rem;right:2rem;z-index:100;transform:translateY(calc(100% + 2rem));opacity:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .35s ease;pointer-events:none;max-width:380px}.toast--visible{transform:translateY(0);opacity:1;pointer-events:auto}.toast-inner{display:flex;align-items:flex-start;gap:1rem;padding:1.1rem 1.3rem;background:color-mix(in srgb,var(--surface) 96%,transparent);border:1px solid rgba(201,164,76,.3);border-radius:var(--radius);box-shadow:0 16px 48px #00000080;backdrop-filter:blur(12px)}.toast-icon{color:var(--gold-soft);font-size:1rem;flex-shrink:0;margin-top:.1rem}.toast-body{flex:1}.toast-body strong{display:block;color:var(--gold-soft);font-size:.9rem;margin-bottom:.2rem}.toast-body p{margin:0;font-size:.82rem;color:var(--muted);line-height:1.5}.toast-close{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.8rem;padding:0;flex-shrink:0;opacity:.6;transition:opacity .2s}.toast-close:hover{opacity:1}@media(max-width:1024px){.contact-card{grid-template-columns:1fr;gap:2rem}}@media(max-width:640px){.form-row{grid-template-columns:1fr}.toast{bottom:1rem;right:1rem;left:1rem;max-width:unset}.contact-form .button{width:100%}}
