*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f7efe0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#070707;min-width:320px;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}#root{min-height:100vh}:root{--black:#070707;--graphite:#111;--card:#171717;--card-light:#202020;--gold:#d6ad62;--gold-soft:#f0d38d;--gold-dark:#a8782b;--text:#f7efe0;--muted:#b9ad98;--line:#d6ad6238}.page{background:radial-gradient(circle at 20% 0%, #d6ad6238, transparent 28%), radial-gradient(circle at 80% 20%, #d6ad621f, transparent 26%), var(--black);min-height:100vh;overflow-x:hidden}.header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070707d1;justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:18px 24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand img{border:1px solid var(--line);object-fit:cover;border-radius:50%;width:54px;height:54px}.brand span{color:var(--gold);letter-spacing:.06em;white-space:nowrap;font-family:Georgia,Times New Roman,serif;font-size:22px}.nav{color:var(--muted);align-items:center;gap:26px;font-size:15px;font-weight:650;display:flex}.nav a{transition:color .2s,border-color .2s,background .2s}.nav a:hover{color:var(--gold)}.nav__contact{border:1px solid var(--line);background:#d6ad6214;border-radius:999px;padding:10px 14px;color:var(--gold)!important}.hero{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);align-items:center;gap:56px;max-width:1180px;min-height:calc(100vh - 90px);margin:0 auto;padding:72px 24px 96px;display:grid}.hero__content{max-width:720px}.eyebrow{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;margin:0 0 16px;font-size:13px;font-weight:850}h1,h2,h3,p{margin-top:0}h1{max-width:780px;color:var(--text);letter-spacing:-.065em;margin-bottom:24px;font-size:clamp(44px,7vw,82px);line-height:.96}h2{max-width:760px;color:var(--text);letter-spacing:-.055em;margin-bottom:18px;font-size:clamp(32px,4.4vw,58px);line-height:1}h3{color:var(--text);letter-spacing:-.03em;margin-bottom:12px;font-size:24px;line-height:1.15}.hero__text{max-width:640px;color:var(--muted);margin-bottom:34px;font-size:21px;line-height:1.6}.hero__actions,.contacts__actions{flex-wrap:wrap;gap:14px;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;min-height:54px;padding:0 24px;font-weight:850;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--primary{color:#111;background:linear-gradient(135deg, var(--gold-soft), var(--gold), #9f7128);box-shadow:0 18px 42px #d6ad622e}.button--secondary{border:1px solid var(--line);color:var(--text);background:#ffffff0a}.hero__visual{justify-content:center;display:flex}.market-card{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff14, transparent), var(--card);border-radius:34px;width:min(100%,430px);padding:18px;box-shadow:0 40px 110px #00000075,0 0 70px #d6ad6229}.market-card__top{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:14px;font-weight:900;display:flex}.market-card__image{aspect-ratio:3/4;color:#f7efe0b8;background:radial-gradient(circle at 35% 20%,#f0d38d47,#0000 30%),linear-gradient(145deg,#25201a,#111);border:1px solid #d6ad6247;border-radius:26px;place-items:center;font-size:28px;font-weight:900;display:grid;position:relative;overflow:hidden}.market-card__image img{z-index:2;object-fit:contain;background:#111;width:100%;height:100%;position:absolute;inset:0}.market-card__image span{z-index:1;position:relative}.market-card__content{padding:22px 4px 4px}.market-card__content h2{letter-spacing:-.04em;margin-bottom:10px;font-size:32px}.market-card__content p{color:var(--muted);margin-bottom:18px;line-height:1.55}.market-card__tags{flex-wrap:wrap;gap:8px;display:flex}.market-card__tags span{border:1px solid var(--line);color:var(--gold);background:#d6ad6214;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:800}.section{max-width:1180px;margin:0 auto;padding:96px 24px}.section--dark{background:#0d0d0d;border-top:1px solid #d6ad621f;border-bottom:1px solid #d6ad621f;max-width:none;padding-left:max(24px,50vw - 590px);padding-right:max(24px,50vw - 590px)}.section__header{max-width:760px;margin-bottom:42px}.section__header p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.65}.services-grid,.portfolio-grid,.process-grid{gap:20px;display:grid}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff0e, transparent), var(--card);border-radius:28px;align-items:flex-start;gap:16px;min-height:128px;padding:26px;display:flex}.service-card span{color:#111;background:linear-gradient(135deg, var(--gold-soft), var(--gold));border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.service-card p{color:var(--text);text-align:left;margin:2px 0 0;font-size:19px;font-weight:750;line-height:1.35}.portfolio-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.portfolio-card{border:1px solid var(--line);background:var(--card);border-radius:28px;transition:transform .22s,border-color .22s,box-shadow .22s;overflow:hidden}.portfolio-card:hover{border-color:#d6ad627a;transform:translateY(-6px);box-shadow:0 24px 70px #0000005c}.portfolio-card__preview{aspect-ratio:3/4;background:radial-gradient(circle at 35% 20%,#f0d38d47,#0000 30%),linear-gradient(145deg,#262016,#111);place-items:center;display:grid;position:relative;overflow:hidden}.portfolio-card__preview img{z-index:2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.portfolio-card__fallback{z-index:1;color:var(--gold);place-items:center;font-size:20px;font-weight:900;display:grid;position:absolute;inset:0}.portfolio-card__body{padding:22px}.portfolio-card__body>span{border:1px solid var(--line);color:var(--gold);letter-spacing:.08em;text-transform:uppercase;background:#d6ad6214;border-radius:999px;margin-bottom:12px;padding:7px 10px;font-size:12px;font-weight:850;display:inline-flex}.portfolio-card__body h3{margin-bottom:10px;font-size:21px}.portfolio-card__body p{color:var(--muted);margin:0;line-height:1.55}.process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.process-grid article{border:1px solid var(--line);background:var(--card-light);border-radius:30px;min-height:260px;padding:30px}.process-grid article>span{color:var(--gold);letter-spacing:.12em;margin-bottom:36px;font-size:15px;font-weight:900;display:inline-block}.process-grid p{color:var(--muted);line-height:1.6}.contacts{border:1px solid var(--line);background:radial-gradient(circle at 18% 0,#f0d38d2e,#0000 30%),linear-gradient(145deg,#171717,#0d0d0d);border-radius:38px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;max-width:1180px;margin:0 auto 48px;padding:52px;display:grid}.contacts h2{margin-bottom:16px}.contacts p:not(.eyebrow){max-width:720px;color:var(--muted);font-size:18px;line-height:1.65}.contacts__username{letter-spacing:-.02em;font-weight:850;color:var(--gold)!important;margin:18px 0 0!important;font-size:24px!important}.footer{color:#f7efe08f;justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:0 auto;padding:0 24px 34px;font-size:14px;display:flex}.footer p{margin:0}.footer a{color:var(--gold);font-weight:750}@media (width<=960px){.header{flex-direction:column;align-items:flex-start;gap:16px}.nav{gap:16px;width:100%;padding-bottom:4px;overflow-x:auto}.hero{grid-template-columns:1fr;min-height:auto;padding-top:52px}.hero__visual{justify-content:flex-start}.services-grid,.process-grid,.portfolio-grid{grid-template-columns:1fr 1fr}.contacts{grid-template-columns:1fr;margin-left:24px;margin-right:24px}}@media (width<=640px){.header,.hero,.section{padding-left:18px;padding-right:18px}.brand span{font-size:18px}.nav{font-size:14px}h1{font-size:43px}h2{font-size:34px}.hero__text{font-size:18px}.services-grid,.portfolio-grid,.process-grid{grid-template-columns:1fr}.service-card,.process-grid article{min-height:auto}.contacts{border-radius:28px;padding:30px}.hero__actions,.contacts__actions{flex-direction:column}.button{width:100%}.footer{flex-direction:column;align-items:flex-start}}
