:root{
  --ink:#101318;--muted:#5f6670;--paper:#fbfaf7;--white:#fff;--line:#e7e5df;
  --accent:#b58a36;--accent-dark:#8e6a25;--soft:#f2eee4;--blue:#2457d6;
  --shadow:0 20px 60px rgba(16,19,24,.08);--radius:22px;--max:1180px;
  --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.65;-webkit-font-smoothing:antialiased}
body.nav-open{overflow:hidden}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}
.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.skip{position:absolute;left:-9999px;top:auto}.skip:focus{left:16px;top:16px;z-index:9999;background:#fff;padding:10px 14px;border-radius:8px}
/* NAV */
.navbar{position:fixed;inset:0 0 auto;height:78px;background:rgba(251,250,247,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(16,19,24,.08);z-index:1000}
.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-weight:900;letter-spacing:-.06em;font-size:1.3rem;display:inline-flex;align-items:center;gap:9px}.brand-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);display:inline-block}
.nav-menu{display:flex;align-items:center;gap:5px;list-style:none}.nav-link{display:inline-flex;padding:10px 13px;border-radius:10px;font-size:.9rem;font-weight:650;color:#565d66;transition:.25s var(--ease)}.nav-link:hover,.nav-link.active{color:var(--ink);background:#f0eee8}.nav-cta{background:var(--ink);color:#fff!important;padding-inline:17px}.nav-cta:hover{background:#292d34!important}
.nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:12px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}.nav-toggle span{width:19px;height:2px;background:var(--ink);transition:.25s}.nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* TYPE */
.eyebrow,.kicker{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;font-weight:800;color:var(--accent-dark)}.eyebrow:before,.kicker:before{content:"";width:22px;height:1px;background:currentColor}.display{font-size:clamp(3.3rem,7vw,6.6rem);line-height:.96;letter-spacing:-.075em;font-weight:900;max-width:900px}.display em{font-style:normal;color:var(--accent)}h1{letter-spacing:-.055em;line-height:1.03}h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;letter-spacing:-.055em}h3{line-height:1.15;letter-spacing:-.03em}p{color:var(--muted)}.lead{font-size:1.12rem;max-width:650px}.small{font-size:.9rem}
/* BUTTONS */
.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 18px;border-radius:12px;border:1px solid var(--line);font-weight:750;font-size:.9rem;transition:transform .25s var(--ease),background .25s,color .25s,border-color .25s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn-primary:hover{background:#2b3037}.btn-ghost{background:#fff}.btn-accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-dark);border-color:var(--accent-dark)}
/* HOME */
.hero{padding:145px 0 86px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(181,138,54,.13),transparent 68%);right:-180px;top:60px;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:72px}.hero-copy{position:relative;z-index:2}.hero-copy .lead{margin:28px 0 30px}.hero-note{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:.82rem;color:#737982}.hero-note span{width:8px;height:8px;background:#2b9b67;border-radius:50%;box-shadow:0 0 0 5px rgba(43,155,103,.1)}
.hero-photo{position:relative;max-width:480px;margin-left:auto}.hero-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 25%;border-radius:28px;box-shadow:var(--shadow);filter:saturate(.94)}.photo-card{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:17px 18px;border-radius:16px;left:-38px;bottom:30px;max-width:220px}.photo-card strong{display:block;font-size:1rem}.photo-card span{display:block;color:var(--muted);font-size:.78rem;margin-top:3px}.photo-tag{position:absolute;right:-18px;top:25px;background:var(--ink);color:#fff;padding:9px 13px;border-radius:10px;font-size:.72rem;font-weight:800;letter-spacing:.06em}
.trustbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.trustbar-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.trust-item{font-size:.78rem;color:#6c727b}.trust-item strong{color:var(--ink);font-size:.92rem;margin-right:6px}
.section{padding:105px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section-head > div{max-width:700px}.section-head h2{margin:12px 0 12px}.section-head p{max-width:650px}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:27px;box-shadow:0 10px 35px rgba(16,19,24,.035)}.service-card{min-height:265px;position:relative;overflow:hidden}.service-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:var(--soft);right:-45px;bottom:-45px}.service-number{font-size:.72rem;font-weight:850;color:var(--accent-dark)}.service-card h3{font-size:1.35rem;margin:55px 0 12px}.service-card p{font-size:.92rem}.mini-link{display:inline-flex;margin-top:20px;font-weight:800;font-size:.84rem}
.work-intro{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end}.work-feature{margin-top:35px;background:#171a1f;border-radius:28px;padding:16px;color:#fff;display:grid;grid-template-columns:1.35fr .65fr;gap:0;overflow:hidden}.work-screen{min-height:420px;border-radius:20px;background:#e8e5de;overflow:hidden;position:relative}.work-screen iframe{width:100%;height:100%;min-height:420px;border:0;background:#fff}.work-info{padding:45px 35px;display:flex;flex-direction:column;justify-content:flex-end}.work-info .eyebrow{color:#d9bb78}.work-info h3{font-size:2rem;margin:15px 0}.work-info p{color:#bfc3ca}.pill-row{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.pill{border:1px solid rgba(255,255,255,.14);padding:6px 9px;border-radius:999px;font-size:.7rem;color:#d7d9dd}
.about-slice{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:start}.about-slice h2{margin:13px 0 20px}.about-slice p{font-size:1.02rem}.about-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:25px}.fact{padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff}.fact strong{display:block;font-size:1.25rem}.fact span{font-size:.78rem;color:var(--muted)}
.cta-band{background:var(--ink);color:#fff;border-radius:30px;padding:65px 70px;display:flex;justify-content:space-between;align-items:end;gap:35px}.cta-band h2{max-width:700px}.cta-band p{color:#bfc3ca;margin-top:12px}.cta-band .btn{background:#fff;color:var(--ink);border-color:#fff}
/* INNER HERO */
.page-hero{padding:145px 0 75px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,transparent)}.page-hero h1{font-size:clamp(3rem,6vw,5.6rem);max-width:900px;margin:14px 0 20px}.page-hero .lead{max-width:760px}.page-actions{margin-top:28px}
/* ABOUT */
.profile-hero{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start}.profile-photo{position:sticky;top:105px}.profile-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 20%;border-radius:24px}.profile-caption{margin-top:12px;font-size:.78rem;color:var(--muted)}.about-copy h2{font-size:clamp(2.1rem,4vw,3.5rem);margin-bottom:18px}.about-copy p{font-size:1rem;margin:0 0 18px}.quote{margin:28px 0;padding:23px 25px;border-left:3px solid var(--accent);background:#f4f1e9;border-radius:0 16px 16px 0;color:#2e3238;font-weight:650}.timeline{margin-top:42px;border-top:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:170px 1fr;gap:30px;padding:28px 0;border-bottom:1px solid var(--line)}.timeline-date{font-size:.78rem;font-weight:800;color:var(--accent-dark)}.timeline-item h3{font-size:1.25rem}.timeline-item .company{font-size:.84rem;color:#6d737c;margin:5px 0 10px}.timeline-item ul{padding-left:18px;color:var(--muted);font-size:.9rem}.timeline-item li+li{margin-top:5px}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}.skill-box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.skill-box h3{font-size:1rem;margin-bottom:10px}.skill-list{display:flex;gap:7px;flex-wrap:wrap}.skill-list span{background:#f2f1ed;border-radius:999px;padding:6px 9px;font-size:.72rem;color:#535962}
/* SERVICES */
.price-controls{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.search{flex:1;min-width:240px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:13px 15px;outline:none}.search:focus{border-color:#b6aa8e;box-shadow:0 0 0 4px rgba(181,138,54,.09)}.filter{border:1px solid var(--line);background:#fff;border-radius:12px;padding:0 14px;min-height:46px;cursor:pointer;font-weight:700;color:#626873}.filter.active{background:var(--ink);border-color:var(--ink);color:#fff}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.price-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:24px;transition:.25s var(--ease)}.price-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.price-card.hidden{display:none}.price-top{display:flex;justify-content:space-between;gap:12px}.price-card h3{font-size:1.1rem}.price{font-size:1.45rem;font-weight:900;white-space:nowrap}.price-card p{font-size:.84rem;margin:12px 0 18px}.category{font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.11em;color:var(--accent-dark)}.price-note{margin-top:24px;padding:16px 18px;background:#f3f0e8;border-radius:14px;font-size:.82rem;color:#5b6067}
/* PROJECTS */
.project-tools{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.3s var(--ease)}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.project-card.hidden{display:none}.project-preview{background:#e9e7e1;padding:12px;position:relative}.browser{background:#fff;border:1px solid #d9d7d1;border-radius:13px;overflow:hidden}.browser-top{height:32px;display:flex;align-items:center;gap:6px;padding:0 10px;border-bottom:1px solid #eceae5;background:#f8f7f4}.browser-top i{width:7px;height:7px;border-radius:50%;background:#c9c7c1}.browser-url{margin-left:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#858a91;font-size:.62rem}.project-preview iframe{display:block;width:100%;height:285px;border:0;background:#fff}.preview-fallback{position:absolute;inset:44px 12px 12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#faf9f6,#ebe7dc);color:#555;opacity:0;pointer-events:none}.project-body{padding:22px}.project-body h3{font-size:1.35rem;margin:8px 0}.project-body p{font-size:.88rem}.project-meta{display:flex;justify-content:space-between;gap:12px;align-items:center}.project-type{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:850;color:var(--accent-dark)}.external{font-size:.78rem;font-weight:850}.tech{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.tech span{font-size:.68rem;background:#f2f1ed;padding:6px 9px;border-radius:999px;color:#555b63}.project-footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:15px;border-top:1px solid var(--line);font-size:.77rem}.project-footer a{font-weight:850;color:var(--blue)}
/* CONTACT */
.contact-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.contact-copy h2{margin:13px 0 15px}.contact-list{margin-top:30px;display:grid;gap:12px}.contact-item{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px}.contact-item span{display:block;color:#7a8088;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.contact-item strong{display:block;margin-top:4px;font-size:.94rem}.form{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.75rem;font-weight:800}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:11px;padding:12px 13px;outline:none;background:#fbfaf7;color:var(--ink)}.field textarea{min-height:150px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#b7a47a;box-shadow:0 0 0 4px rgba(181,138,54,.08)}
/* FOOTER */
footer{border-top:1px solid var(--line);margin-top:90px;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px}.footer-brand p{max-width:380px;margin-top:12px;font-size:.9rem}.footer-col h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}.footer-col a{display:block;color:#686f78;font-size:.86rem;margin:7px 0}.footer-col a:hover{color:var(--ink)}.footer-bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;color:#8a8f96;font-size:.72rem}
.reveal{opacity:0;transform:translateY(16px);transition:.7s var(--ease)}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.hero-grid,.profile-hero,.contact-grid{grid-template-columns:1fr;gap:42px}.hero-photo{margin:0;max-width:560px}.photo-card{left:18px}.photo-tag{right:18px}.cards-3,.price-grid{grid-template-columns:1fr 1fr}.work-feature{grid-template-columns:1fr}.work-info{padding:30px 20px}.work-screen,.work-screen iframe{min-height:360px}.about-slice{grid-template-columns:1fr}.profile-photo{position:relative;top:auto;max-width:420px}.skill-grid{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.container{width:min(calc(100% - 28px),var(--max))}.navbar{height:70px}.nav-toggle{display:flex}.nav-menu{position:fixed;top:70px;left:14px;right:14px;display:none;flex-direction:column;align-items:stretch;padding:12px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.nav-menu.open{display:flex}.nav-link{justify-content:flex-start;padding:13px 14px}.nav-cta{justify-content:center;margin-top:4px}.hero{padding-top:118px;padding-bottom:65px}.display{font-size:clamp(3rem,15vw,5rem)}.section{padding:75px 0}.section-head{display:block}.section-head .btn{margin-top:20px}.cards-3,.price-grid,.skill-grid{grid-template-columns:1fr}.work-feature{padding:9px}.work-screen,.work-screen iframe{min-height:290px}.cta-band{padding:40px 24px;display:block}.cta-band .btn{margin-top:25px}.page-hero{padding:120px 0 55px}.page-hero h1{font-size:clamp(2.8rem,13vw,4.4rem)}.timeline-item{grid-template-columns:1fr;gap:7px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:6px}.photo-card{bottom:18px;left:12px}.photo-tag{top:15px;right:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.project-card,.price-card{transition:none}}