:root{--pricing-bg:none;--ink:#3d3128;--paper:#e9decd;--muted:#7b6a58;--line:#cdbca7;--panel:#f3eadf;--input:#fbf7f1;--accent:#5a4736;--tone-hero:#efe4d4;--tone-projects:#e6d7c3;--tone-feature:#f1e7da;--tone-about:#dfd2bf;--tone-contact:#ece1d2;--tone-footer:#d8c8b6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.55}
header{max-width:1180px;margin:auto;padding:24px 28px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(233,222,205,.95);backdrop-filter:blur(8px);z-index:10}
.brand{font-weight:700;letter-spacing:.03em}nav{display:flex;gap:18px;font-family:Arial,sans-serif;font-size:.9rem}a{color:inherit;text-decoration:none}
.hero-wrap,.section-wrap,.footer-wrap{position:relative;overflow:hidden;isolation:isolate}
.hero-wrap::before,.section-wrap::before{content:'';position:absolute;inset:0;background-position:center top;background-repeat:repeat-y;background-size:850px auto;opacity:.58;pointer-events:none;z-index:0}
.hero-wrap::after,.section-wrap::after{content:'';position:absolute;inset:0;background:linear-gradient(rgba(248,243,236,.28), rgba(248,243,236,.38));pointer-events:none;z-index:0}
.hero-wrap>*,.section-wrap>*,.footer-wrap>*{position:relative;z-index:1}
.hero-wrap{background:var(--tone-hero);border-bottom:1px solid var(--line)}
.hero-wrap::before{background-image:none}
.projects-wrap{background:var(--tone-projects)}
.projects-wrap::before{background-image:var(--projects-bg,none)}
.feature-wrap{background:var(--tone-feature)}
.feature-wrap::before{background-image:none}
.about-wrap{background:var(--tone-about)}
.about-wrap::before{background-image:var(--about-bg,none)}
.contact-wrap{background:var(--tone-contact)}
.contact-wrap::before{background-image:none}
.footer-wrap{background:var(--tone-footer)}
.hero{max-width:1180px;margin:auto;padding:88px 28px 72px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.eyebrow{font:700 .7rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.17em;color:var(--muted)}
h1{font-size:clamp(3.5rem,8vw,7.5rem);line-height:.9;letter-spacing:-.045em;margin:.15em 0 .25em}
@media(max-width:760px){.hero-wrap::before,.section-wrap::before{background-size:430px auto;background-position:center top}}