:root{--navy:#0B2545;--cream:#F7F5F0;--tan:#C8B6A6;--slate:#7395AE;--amber:#D97706;--ink:#243a4d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--navy);font:16px/1.7 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}img{max-width:100%}.wrap{width:min(1100px,90%);margin:auto}.top{background:#fffdf9;border-bottom:1px solid #e7ddd3;position:sticky;top:0;z-index:5}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px}.brand{text-decoration:none;font-weight:850;letter-spacing:.025em;font-size:1.15rem}.links{display:flex;flex-wrap:wrap;gap:17px;align-items:center}.links a{text-decoration:none;font-size:.89rem;font-weight:650}.links a:hover,.inline:hover{color:#a95308}.btn{display:inline-block;border:0;border-radius:9px;background:var(--amber);color:white!important;padding:12px 22px;text-decoration:none;font-weight:750;cursor:pointer}.btn:hover{background:#b85e04}.btn.outline{background:transparent;color:var(--navy)!important;border:2px solid var(--navy)}.hero{padding:88px 0 74px;text-align:center;background:linear-gradient(140deg,#f7f5f0,#eae1d8)}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.17em;font-weight:800;color:#466c87}.hero h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.13;letter-spacing:-.045em;max-width:850px;margin:15px auto}.hero p{font-size:1.15rem;max-width:730px;margin:0 auto 28px;color:#435a6c}h2{font-size:clamp(1.9rem,3.2vw,2.9rem);line-height:1.22;letter-spacing:-.025em;margin:10px 0 18px}h3{font-size:1.3rem;line-height:1.3}.section{padding:75px 0}.tan{background:#eae0d6}.navy{background:var(--navy);color:var(--cream)}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split.reverse .visual{order:2}.visual{min-height:310px;border-radius:18px;background:linear-gradient(135deg,#7395ae,#0b2545);display:grid;place-items:center;overflow:hidden;position:relative;box-shadow:0 18px 35px #0b25451c}.visual.bakery{background:linear-gradient(135deg,#e9c4a7,#ae795a)}.visual.website{background:linear-gradient(135deg,#a8c2d2,#517b9b)}.visual.tech{background:linear-gradient(135deg,#9baebc,#203e5b)}.visual .art{font-size:6rem;filter:drop-shadow(0 8px 8px #0002)}.visual .art-caption{position:absolute;bottom:20px;left:24px;color:white;background:#0b2545b5;padding:5px 13px;border-radius:20px;font-size:.83rem}.split p,.lead{color:#40566a}.navy p{color:#e2e6ec}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:27px;border-radius:15px;background:white;border:1px solid #e5dbd0;box-shadow:0 6px 20px #0b254509}.card h3{margin:8px 0}.card p{color:#435a6c}.section-title{max-width:780px;margin-bottom:30px}.pill{display:inline-block;background:#dce7ef;color:#274d6a;border-radius:30px;padding:5px 12px;font-size:.79rem;font-weight:700}.cta{text-align:center;padding:65px 0}.cta p{max-width:650px;margin:0 auto 24px}.footer{background:var(--navy);color:#f7f5f0;padding:34px 0}.footer .wrap{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}.footer a{color:#e9d6c5}.crumb{padding:20px 0;font-size:.9rem}.pagehero{padding:60px 0;background:#eae0d6}.pagehero h1{font-size:clamp(2.4rem,4.5vw,4rem);line-height:1.12;max-width:850px;margin:10px 0}.pagehero p{font-size:1.13rem;max-width:760px;color:#42586b}.stack{display:grid;gap:24px}.case{border-left:5px solid var(--amber);padding:15px 25px;background:white;border-radius:0 10px 10px 0}.contact-form{display:grid;gap:15px;max-width:720px}.contact-form label{font-weight:700;display:grid;gap:5px}.contact-form input,.contact-form select,.contact-form textarea{font:inherit;padding:12px;border:1px solid #9eabb6;border-radius:7px;background:white;width:100%}.contact-form textarea{min-height:140px}.note{font-size:.88rem;color:#4e6170}details{background:white;border:1px solid #e5dbd0;border-radius:9px;padding:14px 20px;margin-bottom:12px}summary{font-weight:750;cursor:pointer}@media(max-width:820px){.nav{align-items:flex-start;flex-direction:column;padding:15px 0}.links{gap:11px}.links a{font-size:.8rem}.split,.cards{grid-template-columns:1fr}.split.reverse .visual{order:0}.hero{padding:58px 0}.section{padding:50px 0}.visual{min-height:240px}.footer .wrap{display:block}}