:root{--bg:#0b0c10;--surface:#14161d;--surface-2:#1b1e27;--border:#282b36;--text:#e7e9ee;--muted:#9298a6;--accent:#ff8a3d;--accent-2:#ff4d4d;--grad:linear-gradient(110deg, #ff8a3d, #ff4d4d);--max:1080px;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:17px/1.6 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100svh;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:-.02em;color:#fff;margin:0;font-weight:600;line-height:1.15}main{display:block}.section{max-width:var(--max);border-top:1px solid var(--border);margin:0 auto;padding:96px 24px}.section-title{margin-bottom:8px;font-size:clamp(1.6rem,3.5vw,2.3rem)}.section-lead{color:var(--muted);max-width:56ch;margin:0 0 40px;font-size:1.05rem}.grad{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.grid{gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr)}@media (width<=820px){.grid-3{grid-template-columns:1fr}.section{padding:64px 20px}}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:13px 22px;font-size:.98rem;font-weight:600;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-sm{padding:9px 16px;font-size:.9rem}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 8px 24px -8px #ff8a3d99}.btn-ghost{border-color:var(--border);color:var(--text);background:var(--surface)}.btn-ghost:hover{border-color:var(--accent)}.nav{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0b0c10b3;position:sticky;top:0}.nav-inner{max-width:var(--max);justify-content:space-between;align-items:center;margin:0 auto;padding:16px 24px;display:flex}.nav-brand{letter-spacing:-.02em;font-weight:700}.nav-links{align-items:center;gap:24px;display:flex}.nav-links a:not(.btn){color:var(--muted);font-size:.95rem}.nav-links a:not(.btn):hover{color:var(--text)}@media (width<=640px){.nav-links a:not(.btn){display:none}}.hero{max-width:var(--max);text-align:center;margin:0 auto;padding:110px 24px 90px;position:relative}.hero:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(50% 60% at 50% 0,#ff8a3d2e,#0000 70%);height:420px;position:absolute;inset:-10% 0 auto}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin:0 0 18px;font-size:.8rem;font-weight:600}.hero-title{max-width:16ch;margin:0 auto 22px;font-size:clamp(2.2rem,6vw,4rem)}.hero-sub{color:var(--muted);max-width:60ch;margin:0 auto 34px;font-size:1.15rem}.hero-cta{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.clients{text-align:center;width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-top:64px;padding-bottom:76px;position:relative;overflow:hidden}.clients:before{content:"";z-index:-1;background:url(/wallpaper.jpg) 50%/cover no-repeat;position:absolute;inset:-40px}.clients-title{text-transform:uppercase;letter-spacing:.16em;color:#444;margin-bottom:52px;font-size:1rem;font-weight:600}.client-list{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:44px 30px;margin:0;padding:0;list-style:none;display:flex}.frame-hanger{flex-direction:column;align-items:center;width:168px;padding-top:26px;display:flex;position:relative}.frame-hanger:before{content:"";z-index:3;background:radial-gradient(circle at 35% 30%,#cdd0da,#494c56 70%);border-radius:50%;width:7px;height:7px;margin-left:-3.5px;position:absolute;top:0;left:50%;box-shadow:0 1px 2px #0009}.client-link{color:inherit;cursor:pointer;text-decoration:none;display:block}.frame{background:linear-gradient(135deg,#1c1c1f 0%,#c9c9cf 24%,#6e6e74 50%,#c9c9cf 76%,#1c1c1f 100%);border-radius:3px;width:168px;padding:9px;transition:transform .28s,box-shadow .28s;position:relative;transform:rotate(-1.1deg);box-shadow:0 18px 30px -12px #000000bf,0 24px 38px #000c,inset 0 0 0 1px #ffffff4d,inset 0 0 0 3px #0000002e}.frame-hanger:nth-child(2n) .frame{transform:rotate(1.2deg)}.frame:before{content:"";z-index:2;border-top:1.5px solid #b4b4bed9;border-radius:50% 50% 0 0/100% 100% 0 0;height:24px;position:absolute;bottom:100%;left:26px;right:26px}.client-link:hover .frame,.frame-hanger:hover .frame{transform:rotate(0)translateY(-5px);box-shadow:0 28px 42px -14px #000000d9,0 6px 14px #00000073,inset 0 0 0 1px #fff6,inset 0 0 0 3px #0000002e}.frame-mat{background:#fff;border-radius:10px;padding:13px;box-shadow:inset 5px 5px 4px #00000038}.frame-photo{aspect-ratio:1;filter:saturate(.85);background-position:50%;background-repeat:no-repeat;background-size:78%;width:100%;transition:filter .28s}.client-link:hover .frame-photo{filter:saturate()}.frame-photo--text{color:#2a2a2a;text-align:center;justify-content:center;align-items:center;padding:10px;font-size:.95rem;font-weight:700;display:flex}.frame-plaque{letter-spacing:.04em;color:#666;text-transform:uppercase;border-top:1px dashed #c9c9cf;border-radius:2px;width:fit-content;margin:9px auto 2px;padding:3px 11px;font-size:.52rem;font-weight:900;display:block}.projects{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.project{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.project-link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.project-media{aspect-ratio:16/9;background-position:50%;background-size:cover;background-color:var(--surface-2);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.project-media-fallback{color:var(--muted);text-align:center;padding:16px;font-weight:600}.project-award{background:var(--grad);color:#fff;border-radius:999px;padding:6px 12px;font-size:.74rem;font-weight:600;position:absolute;top:12px;left:12px;box-shadow:0 6px 16px -6px #0009}.project-body{flex-direction:column;flex:1;gap:12px;padding:22px;display:flex}.project-company{letter-spacing:.04em;text-transform:uppercase;color:var(--accent,var(--text));font-size:.72rem;font-weight:600}.project-body h3{font-size:1.18rem}.project-body p{color:var(--muted);margin:0}.project-tags{flex-wrap:wrap;gap:8px;margin:auto 0 0;padding:0;list-style:none;display:flex}.project-tags li{color:var(--text);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:.76rem}.project-link .project-media{transition:transform .3s}.project-link:hover .project-media{transform:scale(1.04)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.card h3{margin-bottom:10px;font-size:1.2rem}.card p{color:var(--muted);margin:0}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:30px 26px}.stat-value{letter-spacing:-.03em;font-size:clamp(2.6rem,6vw,3.4rem);font-weight:700;line-height:1}.stat-label{margin:10px 0 14px;font-weight:600}.stat-context{color:var(--muted);margin:0;font-size:.95rem}.cases{flex-direction:column;gap:18px;display:flex}.case{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:280px 1fr;gap:28px;padding:32px;display:grid}.case-client{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:10px;font-size:.78rem;display:inline-block}.case-head h3{font-size:1.35rem}.case-body{gap:16px;margin:0;display:grid}.case-body div{grid-template-columns:90px 1fr;gap:16px;display:grid}.case-body dt{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;padding-top:2px;font-size:.82rem}.case-body dd{margin:0}.case-result{color:#fff;font-weight:600}@media (width<=820px){.case{grid-template-columns:1fr;gap:20px}.case-body div{grid-template-columns:1fr;gap:4px}}.quotes{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-items:start;gap:16px;display:grid}.quote{outline:none;margin:0}.quote-inner{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:14px;padding:22px;display:flex}.quote blockquote{margin:0;font-size:.98rem;line-height:1.5}.quote figcaption{flex-direction:column;gap:2px;display:flex}.quote-name{color:#fff;font-weight:600}.quote-title{color:var(--accent);font-size:.9rem}.quote-rel{color:var(--muted);font-size:.82rem}@media (hover:hover){.quote-inner{max-height:196px;transition:max-height .45s,border-color .25s,box-shadow .25s;overflow:hidden}.quote blockquote{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.quote:hover .quote-inner,.quote:focus-within .quote-inner{border-color:var(--accent);max-height:420px;box-shadow:0 18px 40px -20px #0009}.quote:hover blockquote,.quote:focus-within blockquote{-webkit-line-clamp:unset;line-clamp:unset}}@media (prefers-reduced-motion:reduce){.quote-inner{transition:border-color .2s,box-shadow .2s}}.offer{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;padding:30px 26px;display:flex;position:relative}.offer-featured{border-color:var(--accent);background:var(--surface-2);box-shadow:0 16px 40px -20px #ff8a3db3}.offer-step{letter-spacing:.1em;color:var(--muted);font-size:.8rem;font-weight:700}.offer h3{margin:8px 0 4px;font-size:1.3rem}.offer-price{color:var(--accent);margin:0 0 16px;font-weight:600}.offer-body{color:var(--muted);flex:1;margin:0 0 24px}.principle{text-align:center}.principle-kicker{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin:0 0 14px;font-size:.78rem;font-weight:600}.principle-title{margin-bottom:22px;font-size:clamp(2rem,5vw,3rem)}.principle-body{color:var(--muted);max-width:60ch;margin:0 auto;font-size:1.15rem}.referral,.contact{text-align:center}.referral .section-lead,.contact .section-lead{margin-left:auto;margin-right:auto}.contact .hero-cta{margin-top:8px}.contact-email{color:var(--muted);margin:22px 0 0}.contact-email a{color:var(--accent);font-weight:600}.contact-email a:hover{text-decoration:underline}.footer{max-width:var(--max);border-top:1px solid var(--border);color:var(--muted);text-align:center;margin:0 auto;padding:36px 24px 60px;font-size:.9rem}
