:root{--bg:#f9f0e6;--bg-soft:#fdf8f1;--card:#fffdf9;--ink:#211c16;--ink-soft:#8a7a6b;--line:#e9dccb;--accent:#f05f2a;--accent-soft:#ff9a3c;--btn-dark:#2a241d;--radius:14px;--maxw:1080px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 100%);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}h1,h2,h3{font-weight:500}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}header{z-index:50;background:color-mix(in srgb, var(--bg) 82%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid #0000;position:sticky;top:0}header.scrolled{border-bottom-color:var(--line)}nav{justify-content:space-between;align-items:center;padding:18px 0;display:flex}.brand{letter-spacing:-.01em;color:var(--ink);align-items:center;gap:10px;font-size:16px;font-weight:600;text-decoration:none;display:flex}.brand-logo{flex:none;width:26px;height:26px}#top,#about,#work,#contact{scroll-margin-top:86px}.nav-right{align-items:center;gap:22px;display:flex}.nav-links{gap:26px;display:flex}.nav-links a{color:var(--ink-soft);font-size:14px;text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--ink)}@media (width<=640px){.nav-links{display:none}}.lang{border-left:1px solid var(--line);gap:10px;padding-left:20px;display:flex}.lang a{letter-spacing:.04em;color:var(--ink-soft);font-size:13px;font-weight:700;text-decoration:none;transition:color .15s}.lang a.on,.lang a:hover{color:var(--ink)}.hero{padding:72px 0 64px}.hero-head{align-items:center;gap:16px;margin-bottom:4px;display:flex}.hero-logo{flex:none;width:clamp(42px,5.2vw,58px);height:clamp(42px,5.2vw,58px)}.hero h1{letter-spacing:-.02em;max-width:18ch;font-size:clamp(28px,4.2vw,44px);font-weight:500;line-height:1.08}.hero p.sub{color:var(--ink-soft);letter-spacing:-.01em;max-width:50ch;margin-top:20px;font-size:clamp(16px,2vw,19px)}.bio{align-items:flex-start;gap:22px;max-width:640px;margin-top:44px;display:flex}.avatar{object-fit:cover;object-position:50% 30%;border:2px solid var(--accent-soft);border-radius:50%;flex:none;width:96px;height:96px;box-shadow:0 8px 22px -10px #5a46328c}.bio .about-p{color:#55483b;margin:0 0 8px;font-size:14px;line-height:1.5}.bio .about-p:last-child{margin-bottom:0}@media (width<=560px){.bio{gap:16px}.avatar{width:76px;height:76px}}.cta-row{flex-wrap:wrap;align-items:center;gap:22px;margin-top:30px;display:flex}.link-quiet{color:var(--ink);border-bottom:2px solid var(--accent-soft);padding-bottom:2px;font-size:15px;font-weight:700;text-decoration:none}.link-quiet:hover{border-bottom-color:var(--accent)}.btn{letter-spacing:.01em;cursor:pointer;border:none;border-radius:10px;padding:13px 24px;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-block}.btn:hover{transform:translateY(-1px)}.btn-dark{background:var(--btn-dark);color:#fdf8f1;box-shadow:0 6px 18px -8px #2a241d8c}section{padding:64px 0}.kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:12px;font-weight:600}h2{letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(22px,3vw,29px)}.section-sub{color:var(--ink-soft);max-width:52ch;margin-bottom:40px;font-size:15px}.feed{align-items:flex-start;gap:26px;display:flex}.feed-col{flex-direction:column;flex:1;min-width:0;display:flex}.post{margin:0 0 34px}@media (width<=720px){.feed{flex-direction:column;gap:0}.feed-col{display:contents}.post{order:var(--ord)}}.car{background:var(--line);border-radius:12px;position:relative;overflow:hidden;box-shadow:0 14px 34px -22px #5a463299}.track{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.track::-webkit-scrollbar{display:none}.slide{scroll-snap-align:center;scroll-snap-stop:always;aspect-ratio:var(--ar,1.33);flex:0 0 100%}.slide img{object-fit:cover;cursor:zoom-in;width:100%;height:100%;display:block}.car-nav{width:38px;height:38px;color:var(--ink);cursor:pointer;opacity:0;background:#fdf8f1eb;border:none;border-radius:50%;place-items:center;font-size:18px;transition:opacity .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 14px -6px #0006}.car:hover .car-nav{opacity:1}.car-nav:disabled{cursor:default;opacity:0!important}.car-prev{left:12px}.car-next{right:12px}.car-nav:focus-visible{opacity:1;outline:3px solid #f05f2a80}.dots{pointer-events:none;justify-content:center;gap:6px;display:flex;position:absolute;bottom:12px;left:0;right:0}.dot{background:#ffffff8c;border-radius:50%;width:6px;height:6px;transition:width .25s,background .25s}.dot.on{background:#fff;border-radius:4px;width:18px}@media (hover:none){.car-nav{display:none}}.post-body{padding:14px 2px 0}.post-body h3{letter-spacing:-.01em;font-size:17px}.post-body p{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}@media (width<=720px){.post{margin-bottom:34px}}.reveal{opacity:0;transform:translateY(26px)}.reveal.in{opacity:1;transition:opacity .65s,transform .65s cubic-bezier(.2,.7,.2,1);transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}.lb{z-index:100;touch-action:none;opacity:0;visibility:hidden;background:#14100bf0;justify-content:center;align-items:center;transition:opacity .25s,visibility .25s;display:flex;position:fixed;inset:0}.lb.open{opacity:1;visibility:visible}.lb-stage{justify-content:center;align-items:center;max-width:92vw;max-height:88vh;display:flex}.lb-stage img{border-radius:6px;width:auto;max-width:92vw;height:auto;max-height:88vh;display:block}.lb-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;place-items:center;width:44px;height:44px;font-size:22px;transition:background .15s;display:grid;position:absolute}.lb-btn:hover{background:#ffffff38}.lb-close{top:18px;right:20px}.lb-nav{top:50%;transform:translateY(-50%)}.lb-prev{left:16px}.lb-next{right:16px}.lb-count{text-align:center;color:#ffffffb3;letter-spacing:.05em;font-size:13px;position:absolute;bottom:20px;left:0;right:0}.lb-stage img{animation:.22s lbfade}@keyframes lbfade{0%{opacity:0}to{opacity:1}}@media (width<=560px){.lb-nav{background:#ffffff29;width:40px;height:40px}.lb-prev{left:10px}.lb-next{right:10px}}.svc-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}@media (width<=760px){.svc-grid{grid-template-columns:1fr}}.svc{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px}.svc .num{letter-spacing:.14em;color:var(--ink-soft);margin-bottom:14px;font-size:11.5px;font-weight:700;display:block}.svc h3{letter-spacing:-.01em;margin-bottom:6px;font-size:17px}.svc p{color:var(--ink-soft);font-size:14.5px}.svc .from{color:var(--accent);margin-top:12px;font-size:13.5px;font-weight:600}.contact-card{background:var(--card);border:1px solid var(--line);border-radius:18px;max-width:640px;padding:36px}.field{margin-bottom:18px}.field label{color:#55483b;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field input,.field textarea{border:1px solid var(--line);background:var(--bg-soft);width:100%;color:var(--ink);border-radius:10px;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus{border-color:var(--accent-soft);outline:none;box-shadow:0 0 0 3px #f05f2a1f}.field textarea{resize:vertical;min-height:110px}.form-success{color:#3f5a1e;background:#eef4e4;border:1px solid #d5e3bf;border-radius:10px;margin-top:16px;padding:14px 16px;font-size:13.5px;display:none}.form-error{color:#8a2c24;background:#fdecea;border:1px solid #f3c9c5;border-radius:10px;margin-top:16px;padding:14px 16px;font-size:13.5px;display:none}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.cf-turnstile{margin:0 0 16px}footer{border-top:1px solid var(--line);margin-top:40px;padding:34px 0 44px}footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;display:flex}footer p{color:var(--ink-soft);font-size:13px}footer .footer-links{flex-wrap:wrap;gap:18px;display:flex}footer a{color:var(--ink-soft);font-size:13px;text-decoration:none}footer a:hover{color:var(--ink)}@media (width<=560px){footer .wrap{flex-direction:column;align-items:flex-start;gap:16px}}