*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f7f5;color:#111;font-family:'DM Sans',sans-serif;line-height:1.6}.container{width:min(1160px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(246,247,245,.9);backdrop-filter:blur(16px);border-bottom:1px solid #e4e6e1}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:#111;text-decoration:none;font-family:'Space Grotesk'}.brand img{width:43px;height:43px;object-fit:contain;border-radius:10px}.brand span{font-size:13px;font-weight:700;letter-spacing:.05em}.brand small{display:block;font-size:8px;letter-spacing:.17em;color:#777}.nav nav{display:flex;align-items:center;gap:24px}.nav nav a{font-size:13px;color:#333;text-decoration:none}.nav-cta{padding:10px 15px;border-radius:999px;background:#111;color:#fff!important}.menu-btn{display:none;border:0;background:none;font-size:24px}.hero{min-height:calc(100vh - 76px);display:flex;align-items:center;position:relative;overflow:hidden}.hero-glow{position:absolute;width:620px;height:620px;background:radial-gradient(circle,#f5a6232b,transparent 65%);right:-120px;top:-100px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;padding:80px 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;color:#e27a00;margin:0 0 16px}.hero h1{font:700 clamp(42px,6vw,76px)/1.02 'Space Grotesk';letter-spacing:-.05em;max-width:800px;margin:0}.hero-copy{font-size:18px;color:#5e625e;max-width:680px;margin:28px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;padding:13px 20px;border-radius:999px;text-decoration:none;font-weight:700;font-size:13px}.btn.primary{background:#111;color:#fff}.btn.ghost{border:1px solid #cfd3cd;color:#111}.quick-stats{display:flex;gap:32px;margin-top:48px}.quick-stats div{display:flex;flex-direction:column}.quick-stats strong{font-family:'Space Grotesk'}.quick-stats span{font-size:11px;color:#777}.hero-card{background:#111;padding:12px;border-radius:28px;box-shadow:0 30px 70px #1112;transform:rotate(1.2deg)}.portrait-wrap{position:relative;overflow:hidden;border-radius:19px;aspect-ratio:4/5}.portrait-wrap img{width:100%;height:100%;object-fit:cover;object-position:center top}.portrait-tag{position:absolute;left:18px;bottom:18px;background:#fff;color:#111;padding:8px 12px;border-radius:999px;font-size:11px;font-weight:800}.hero-card-bottom{display:flex;justify-content:space-between;gap:20px;padding:16px 7px 4px;color:#fff}.hero-card-bottom div{display:flex;flex-direction:column}.hero-card-bottom span{font-size:10px;color:#aaa}.hero-card-bottom strong{font-size:12px}.section{padding:110px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px}.section h2{font:700 clamp(34px,4vw,55px)/1.05 'Space Grotesk';letter-spacing:-.04em;margin:0}.prose{font-size:17px;color:#5d625e}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:65px}.skill-card{padding:25px;border:1px solid #dedfdc;border-radius:18px;background:#fff}.skill-card span{color:#e27a00;font-size:11px;font-weight:800}.skill-card h3{font-family:'Space Grotesk';font-size:18px;margin:25px 0 8px}.skill-card p{font-size:13px;color:#6a6e69}.dark{background:#111;color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-head>p{max-width:430px;color:#8e938e;font-size:14px}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filter-row button{border:1px solid #444;background:transparent;color:#aaa;border-radius:999px;padding:8px 13px;font-size:11px;cursor:pointer}.filter-row button.active{background:#fff;color:#111}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-card{background:#191919;border:1px solid #292929;border-radius:20px;overflow:hidden}.project-image{height:210px;background:linear-gradient(135deg,#252525,#121212);display:flex;align-items:center;justify-content:center;color:#777;font-size:12px}.project-body{padding:22px}.project-body h3{font:600 21px 'Space Grotesk';margin:0 0 8px}.project-body p{font-size:13px;color:#9da19d}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{font-size:10px;padding:5px 8px;border-radius:999px;background:#292929;color:#ddd}.app-grid,.diy-grid,.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.app-card,.diy-card,.journal-card{border:1px solid #dedfdc;background:#fff;border-radius:20px;padding:26px;min-height:210px}.app-card .number,.diy-card .number{font:700 40px 'Space Grotesk';color:#ddd}.app-card h3,.diy-card h3,.journal-card h3{font:600 22px 'Space Grotesk';margin:12px 0 7px}.app-card p,.diy-card p,.journal-card p{color:#666;font-size:13px}.lab{background:#eef0ec}.services{background:#fff}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-grid article{border-top:1px solid #ccc;padding:25px 0}.service-grid b{color:#e27a00;font-size:11px}.service-grid h3{font-family:'Space Grotesk'}.service-grid p{font-size:13px;color:#666}.contact{background:#111;color:#fff}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px}.contact h2{max-width:700px}.contact p:not(.eyebrow){color:#999;max-width:650px}.contact-card{background:#1a1a1a;border:1px solid #292929;border-radius:20px;padding:28px}.contact-card div{padding:13px 0;border-bottom:1px solid #292929;display:flex;flex-direction:column}.contact-card span{font-size:10px;color:#777;text-transform:uppercase;letter-spacing:.12em}.contact-card strong{font-size:13px;margin-top:4px}.full{width:100%;margin-top:20px}footer{background:#0b0b0b;color:#888;padding:28px 0}.footer{display:flex;justify-content:space-between;gap:20px;font-size:11px}.footer div:first-child{display:flex;gap:18px}.footer strong{color:#fff}.menu-btn{color:#111}@media(max-width:900px){.nav nav{display:none}.menu-btn{display:block}.nav.mobile-open nav{display:flex;position:absolute;top:76px;left:0;right:0;background:#f6f7f5;padding:20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid #ddd}.hero-grid,.two-col,.contact-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-grid{padding:65px 0}.hero-card{max-width:540px;margin:auto}.skill-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.project-grid,.app-grid,.diy-grid,.journal-grid{grid-template-columns:1fr 1fr}.section{padding:80px 0}.section-head{align-items:flex-start;flex-direction:column}}@media(max-width:580px){.hero h1{font-size:44px}.quick-stats{gap:18px}.skill-grid,.service-grid,.project-grid,.app-grid,.diy-grid,.journal-grid{grid-template-columns:1fr}.footer{flex-direction:column}.brand span{font-size:11px}}