:root{--ink:#16242e;--muted:#5b6b76;--line:#e3e8ec;--bg:#ffffff;--soft:#f5f8f9;--brand:#0f5c6e;--brand-d:#0a4250;--accent:#e0683a;--accent-d:#c5562b;--maxw:1120px;--r:14px;--sh:0 6px 24px rgba(16,40,52,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}h1,h2,h3{line-height:1.2;letter-spacing:-.01em;color:var(--ink)}h1{font-size:clamp(1.9rem,4vw,2.9rem);margin:.2em 0 .4em}h2{font-size:clamp(1.4rem,2.6vw,2rem)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}.btn{display:inline-block;background:var(--accent);color:#fff;padding:.8em 1.5em;border-radius:999px;font-weight:600;transition:.15s}.btn:hover{background:var(--accent-d);text-decoration:none;transform:translateY(-1px)}.btn.ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6)}.btn.ghost:hover{background:#ffffff1f}.btn.dark{background:var(--brand)}.btn.dark:hover{background:var(--brand-d)}.muted{color:var(--muted)}.tag{display:inline-block;background:var(--soft);color:var(--brand-d);border:1px solid var(--line);padding:.25em .7em;border-radius:999px;font-size:.8rem;font-weight:600;margin:0 .3em .3em 0}.site-head{position:sticky;top:0;z-index:50;background:#ffffffeb;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.site-head .wrap{display:flex;align-items:center;gap:18px;height:68px}.brand{font-weight:800;font-size:1.3rem;color:var(--brand-d);letter-spacing:-.02em}.brand span{color:var(--accent)}.nav{margin-left:auto;display:flex;gap:22px;align-items:center;flex-wrap:wrap}.nav a{color:var(--ink);font-weight:500;font-size:.96rem}.nav a:hover{color:var(--brand)}.hero{background:linear-gradient(135deg,var(--brand-d),var(--brand));color:#fff;padding:72px 0 80px}.hero h1{color:#fff;max-width:14ch}.hero p{font-size:1.18rem;max-width:52ch;color:#ffffffeb}.hero .cta{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap}.grid{display:grid;gap:26px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:30px 0}.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:.18s;box-shadow:var(--sh)}.card:hover{transform:translateY(-3px);border-color:#cdd8dd}.card .thumb{aspect-ratio:16/10;background:var(--soft);overflow:hidden}.card .thumb img{width:100%;height:100%;object-fit:cover}.card .body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}.card h3{margin:0;font-size:1.15rem}.card h3 a{color:var(--ink)}.card .by{font-size:.85rem;color:var(--muted)}.card .ex{font-size:.92rem;color:var(--muted);flex:1}.section{padding:58px 0}.section.soft{background:var(--soft)}.section .head{max-width:60ch;margin-bottom:8px}.lead{font-size:1.1rem;color:var(--muted)}.article{padding:46px 0 70px}.prose{max-width:72ch}.prose p{margin:0 0 1.1em}.prose h2,.prose h3{margin:1.6em 0 .5em}.prose ul{padding-left:1.2em}.prose li{margin:.4em 0}.crumbs{font-size:.85rem;color:var(--muted);margin-bottom:10px}.crumbs a{color:var(--muted)}.pagehead{background:var(--soft);border-bottom:1px solid var(--line);padding:40px 0}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin:26px 0}.gallery img{border-radius:10px;aspect-ratio:1;object-fit:cover;width:100%}.projhero{aspect-ratio:21/9;object-fit:cover;width:100%;border-radius:var(--r);margin:8px 0 26px;box-shadow:var(--sh)}.contact-form{max-width:620px;margin:26px 0;display:flex;flex-direction:column;gap:14px}.contact-form .frow{display:flex;gap:14px}.contact-form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.9rem;flex:1}.contact-form input,.contact-form textarea{font:inherit;padding:.6em .8em;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:400}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--brand);border-color:var(--brand)}.contact-form button{align-self:flex-start;border:0;cursor:pointer}@media (max-width:520px){.contact-form .frow{flex-direction:column}}.meta-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:6px 0 4px}.site-foot{background:var(--brand-d);color:#ffffffd1;padding:54px 0 30px;margin-top:40px}.site-foot a{color:#fff}.foot-cols{display:grid;gap:30px;grid-template-columns:2fr 1fr 1fr 1fr}.foot-cols h4{color:#fff;font-size:.95rem;margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.foot-cols ul{list-style:none;padding:0;margin:0}.foot-cols li{margin:.45em 0}.foot-bot{border-top:1px solid rgba(255,255,255,.15);margin-top:34px;padding-top:18px;font-size:.85rem;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}@media (max-width:760px){.foot-cols{grid-template-columns:1fr 1fr}.nav{gap:14px}.nav a{font-size:.9rem}}@media (max-width:520px){.foot-cols{grid-template-columns:1fr}.site-head .wrap{height:60px}}