:root { color-scheme:dark; --bg:#0d0c0b; --surface:#191714; --surface2:#27231c; --border:#4a3d2c; --mint:#e5be78; --mint2:#f8e6b4; --text:#fff9ef; --muted:#c2b5a2; --warm:#ece6dc; --ink:#302317; --radius:24px; }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; scroll-padding-top:100px; }
    body { margin:0; background:var(--bg); color:var(--text); font:400 16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; -webkit-font-smoothing:antialiased; }
    img { display:block; width:100%; height:auto; }
    a { color:inherit; text-decoration:none; }
    button { font:inherit; }
    a:focus-visible,button:focus-visible {outline:3px solid var(--mint);outline-offset:5px}
    .wrap { width:min(1200px, calc(100% - 48px)); margin-inline:auto; }
    .header { position:sticky; top:0; z-index:20; background:#0d0c0beb; backdrop-filter:blur(18px); border-bottom:1px solid #ffffff15; }
    .nav { min-height:83px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
    .logo { display:inline-flex; align-items:center; gap:13px; font-weight:850; font-size:22px; line-height:1.05; letter-spacing:-.045em; white-space:nowrap; }
    .logo-mark {display:block;width:49px;height:49px;border-radius:50%;object-fit:cover;transform:none}
    .logo span small {display:block;font-weight:650;font-size:10px;color:var(--mint);letter-spacing:.32em;margin-top:5px}
    .navlinks {display:flex;align-items:center;gap:31px;font-size:14px;font-weight:650;color:#e8d8be}
    .navlinks a:hover {color:var(--mint)}
    .navcta {border:1px solid var(--mint);padding:12px 19px;border-radius:99px;color:var(--mint)!important}
    .navcta:hover {background:var(--mint);color:var(--bg)!important}
    .kicker {display:inline-flex;gap:10px;align-items:center;letter-spacing:.18em;font-size:11px;text-transform:uppercase;font-weight:800;color:var(--mint)}
    .kicker::before {content:"";width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 6px #e5be781c}
    .hero {position:relative;overflow:hidden;padding:91px 0 108px}
    .hero::before {content:"";position:absolute;right:-15%;top:-35%;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,#5f3e1750 0%,transparent 65%);pointer-events:none}
    .hero-grid {position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}
    h1,h2,h3,p {margin-top:0}
    h1 {font-size:clamp(3.35rem,6.2vw,6.7rem);font-weight:870;line-height:1.035;letter-spacing:-.075em;margin:30px 0 26px}
    h1 em {font-style:normal;color:var(--mint)}
    .hero-desc {font-size:clamp(1rem,1.6vw,1.26rem);color:var(--muted);max-width:540px;line-height:1.8}
    .actions {display:flex;gap:14px;flex-wrap:wrap;margin:34px 0 34px}
    .btn {display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:100px;padding:15px 23px;font-weight:770;transition:transform .2s,background .2s;border:1px solid transparent;text-align:center;white-space:nowrap}
    .btn:hover {transform:translateY(-3px)}
    .btn-primary {background:var(--mint);color:#261b0d}.btn-primary:hover {background:#f8dda0}
    .btn-ghost {border-color:var(--border);background:#191714;color:var(--text)}
    .micro {font-size:12px;color:var(--muted)}
    .hero-visual {position:relative;min-height:560px}
    .hero-card {position:absolute;background:#f5f0e9;padding:9px;border-radius:26px;box-shadow:0 26px 60px #0009;transform:rotate(7deg);width:70%;right:3%;top:4%;transition:transform .3s}
    .hero-card img {border-radius:19px}
    .hero-card.back {width:62%;transform:rotate(-11deg);left:0;top:17%;opacity:.9}
    .hero-card.front:hover {transform:rotate(2deg) translateY(-7px)}
    .floating-tag {position:absolute;left:0;bottom:37px;background:#2a2116;border:1px solid #c79a5480;border-radius:18px;padding:17px 22px;box-shadow:0 15px 40px #0006;transform:rotate(-2deg);font-size:13px;line-height:1.45;max-width:240px}
    .floating-tag b {display:block;color:var(--mint);font-size:16px}
    .stripe {border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;background:#15120f}
    .stripe-inner {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:21px 0;gap:16px;color:#e6d7bf;text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:800}
    .stripe-inner span::before {content:"✦";color:var(--mint);margin-right:12px}
    section {padding:105px 0}
    .eyebrow {font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:var(--mint);margin-bottom:17px}
    .sec-head {display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:41px}
    h2 {font-size:clamp(2.35rem,4.6vw,4.5rem);line-height:1.1;letter-spacing:-.068em;margin:0}
    .sec-head p {max-width:410px;color:var(--muted);margin:0}
    .service-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:19px}
    .service {padding:31px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-height:287px;display:flex;flex-direction:column;align-items:start}
    .service-icon {font-size:29px;background:#352917;border:1px solid #8e7045;border-radius:17px;width:57px;height:57px;display:grid;place-items:center;margin-bottom:45px}
    .service h3 {font-size:23px;letter-spacing:-.035em;margin-bottom:10px}
    .service p {font-size:15px;color:var(--muted);margin:0}
    .portfolio {background:#f5f1e9;color:var(--ink)}
    .portfolio .eyebrow {color:#936a2c}
    .portfolio .sec-head p {color:#7a6852}
    .portfolio-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
    .work {overflow:hidden;background:white;border-radius:25px;border:1px solid #e3d7c4;box-shadow:0 8px 30px #4a291617}
    .work-img {overflow:hidden;aspect-ratio:1/1;background:#eee5d8}
    .work-img img {height:100%;object-fit:cover;transition:transform .4s}
    .work:hover .work-img img {transform:scale(1.035)}
    .work-content {padding:24px}
    .work-content .type {font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:850;color:#98713d}
    .work-content h3 {font-size:22px;letter-spacing:-.04em;margin:5px 0 9px}
    .work-content p {color:#746b5e;font-size:14px;margin:0}
    .note {margin:27px 0 0;color:#80735e;font-size:13px}
    .offer-grid {display:grid;grid-template-columns:.92fr 1.08fr;gap:22px}
    .offer {border:1px solid var(--border);border-radius:29px;padding:38px;background:var(--surface);display:flex;flex-direction:column;justify-content:space-between;min-height:365px}
    .offer.featured {background:var(--mint);color:var(--ink);border-color:var(--mint)}
    .offer h3 {font-size:25px;letter-spacing:-.045em;margin:16px 0 14px}
    .offer p {font-size:15px;color:var(--muted);max-width:380px}
    .offer.featured p {color:#4e3a20}
    .price {font-size:44px;font-weight:850;letter-spacing:-.06em;line-height:1.1}
    .offer-tag {font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:800}
    .offer .buttonline {display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:35px}
    .offer .mini {font-size:12px;color:var(--muted);max-width:240px}
    .offer.featured .mini {color:#513d23}
    .offer.featured .btn {background:var(--ink);color:white}
    .process {background:#17130f}
    .process-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}
    .process-step {border-top:1px solid #756247;padding-top:24px}
    .process-step .number {color:var(--mint);font-size:13px;font-weight:850;letter-spacing:.1em}
    .process-step h3 {font-size:25px;letter-spacing:-.04em;margin:20px 0 10px}
    .process-step p {color:var(--muted);font-size:15px;max-width:310px}
    .contact {padding:115px 0;background:radial-gradient(ellipse at 90% 30%,#7051243b,transparent 48%),#231c14}
    .contact-inner {display:flex;align-items:end;justify-content:space-between;gap:30px}
    .contact h2 {max-width:800px;margin-bottom:21px}
    .contact p {color:var(--muted);max-width:550px;margin-bottom:0}
    footer {padding:38px 0;border-top:1px solid #ffffff1c}
    .footer-inner {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:12px}
    footer .logo {font-size:17px;color:var(--text)}
    footer .logo-mark {width:38px;height:38px;border-radius:50%}
    footer a:hover {color:var(--mint)}
    .mobile-toggle{display:none}
    @media(max-width:950px){.hero-grid{gap:30px}.hero-visual{min-height:475px}.hero-card{width:77%}.hero-card.back{width:69%}.service-grid{gap:10px}.service{padding:22px}.portfolio-grid{gap:12px}.work-content{padding:17px}.offer{padding:27px}.sec-head{align-items:start;flex-direction:column}}
    @media(max-width:700px){.wrap{width:min(100% - 32px,560px)}.nav{min-height:72px}.logo{font-size:19px}.logo-mark{width:39px;height:39px;font-size:27px}.navlinks{display:none;position:absolute;top:71px;left:0;right:0;padding:19px 22px 25px;flex-direction:column;align-items:stretch;gap:18px;background:#1a1510;border-bottom:1px solid var(--border)}.navlinks.open{display:flex}.mobile-toggle{display:grid;place-items:center;color:var(--text);background:#33291d;border:1px solid var(--border);width:44px;height:42px;border-radius:12px}.hero{padding:65px 0 48px}.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:400px;max-width:460px;width:100%;margin:auto}.hero-card{width:65%;right:6%}.hero-card.back{width:55%;left:7%}.floating-tag{bottom:15px;left:2%}h1{font-size:clamp(3.25rem,11vw,4.6rem)}section{padding:71px 0}.service-grid,.portfolio-grid,.process-grid,.offer-grid{grid-template-columns:1fr}.service{min-height:250px}.service-icon{margin-bottom:30px}.work-img{max-height:530px}.contact{padding:79px 0}.contact-inner{flex-direction:column;align-items:start}.stripe-inner{justify-content:center;gap:14px}.footer-inner{flex-direction:column;align-items:start}}
    @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}