:root{--ink:#241d1c;--soft:#f7efe9;--blush:#d8a8a0;--brass:#a77c35;--muted:#776866}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--soft);color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.55}a{color:inherit}.topbar{display:flex;justify-content:space-between;align-items:center;padding:24px 44px;background:var(--soft)}.logo{font-family:Arial,sans-serif;font-weight:800;text-decoration:none}.topbar nav{display:flex;gap:24px;font-family:Arial,sans-serif}.topbar nav a{text-decoration:none;color:var(--muted);font-size:14px}.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:760px;align-items:stretch}.photo-panel{padding:0 0 44px 44px}.photo-panel img{width:100%;height:100%;min-height:680px;object-fit:cover;border-radius:0 0 180px 0}.intro{align-self:center;padding:70px 54px}.tag{margin:0 0 18px;font:800 12px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--brass)}h1,h2,h3,p{letter-spacing:0}h1{margin:0;font-size:clamp(48px,6vw,86px);line-height:.98;font-weight:500}h2{margin:0;font-size:clamp(36px,5vw,68px);line-height:1;font-weight:500}.lead,.intro p{font-size:21px;color:var(--muted);max-width:560px}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;margin-top:26px;background:var(--ink);color:#fff;text-decoration:none;font:800 14px Arial,sans-serif}.editorial{padding:96px 54px;background:#fff}.editorial h2{max-width:980px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:44px;max-width:920px;margin-top:32px;font-size:20px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--blush);padding:1px}.steps article{background:var(--soft);padding:42px;min-height:280px}.steps span{font:800 13px Arial,sans-serif;color:var(--brass)}.steps h3{font-size:30px;margin:18px 0 10px}.steps p{font-family:Arial,sans-serif;color:var(--muted)}.support{padding:92px 54px;background:#2a2423;color:#fff}.support h2{max-width:820px}.support ul{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0;margin:34px 0 0;list-style:none;font-family:Arial,sans-serif}.support li{border:1px solid rgba(255,255,255,.18);padding:16px;background:rgba(255,255,255,.05)}.contact{padding:92px 54px;background:#fff}.contact p{max-width:640px;color:var(--muted);font-size:20px}
@media(max-width:820px){.topbar{padding:18px;align-items:flex-start;flex-direction:column;gap:16px}.topbar nav{flex-wrap:wrap}.hero{grid-template-columns:1fr}.photo-panel{padding:0}.photo-panel img{min-height:360px;border-radius:0}.intro,.editorial,.support,.contact{padding:54px 18px}.columns,.steps,.support ul{grid-template-columns:1fr}.steps article{min-height:auto}}
.email-link{display:inline-flex;margin-left:14px;font:800 14px Arial,sans-serif;text-underline-offset:5px;color:var(--ink)}
.atelier-about{padding:92px 54px;background:var(--soft);border-top:1px solid rgba(36,29,28,.12)}.atelier-about h2{max-width:900px}.atelier-about p:last-child{max-width:760px;color:var(--muted);font-size:20px}
@media(max-width:820px){.email-link{display:flex;margin:16px 0 0}}
@media(max-width:820px){.atelier-about{padding:54px 18px}}
.examples,.faq{padding:92px 54px;background:#fff}.examples h2,.faq h2{margin:0 0 30px;font-size:clamp(36px,5vw,68px);line-height:1;font-weight:500}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--blush);padding:1px}.example-grid article{background:var(--soft);padding:34px;min-height:220px}.example-grid h3{margin:0 0 12px;font-size:28px}.example-grid p,.faq p{font-family:Arial,sans-serif;color:var(--muted)}.faq details{border-top:1px solid var(--blush);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--blush)}.faq summary{cursor:pointer;font:800 18px Arial,sans-serif}@media(max-width:820px){.examples,.faq{padding:54px 18px}.example-grid{grid-template-columns:1fr}}
.image-story{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:0 54px 92px;background:#fff}.image-story figure{margin:0;overflow:hidden;border:1px solid rgba(36,29,28,.14);background:var(--soft)}.image-story img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}@media(max-width:820px){.image-story{grid-template-columns:1fr;padding:0 18px 54px}}
.hero{grid-template-columns:1fr;min-height:auto}.photo-panel{display:none}.intro{max-width:920px}

/* Top image strip inspired by hirepatternmaker.com */
.top-image-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:26px 42px 0;background:inherit}
.top-image-strip figure{margin:0;overflow:hidden;border:1px solid var(--line, rgba(0,0,0,.12));background:rgba(255,255,255,.55)}
.top-image-strip img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
@media(max-width:860px){.top-image-strip{grid-template-columns:1fr;padding:18px 18px 0}}

/* Unique page-purpose section for transparent SEO and clearer visitor intent */
.search-intent{padding:68px 42px;background:var(--paper, var(--cream, var(--soft, var(--panel, #fff))));border-top:1px solid var(--line, rgba(0,0,0,.12));border-bottom:1px solid var(--line, rgba(0,0,0,.12))}
.search-intent .intent-label{margin:0 0 12px;color:var(--teal, var(--sage, var(--green, var(--blue, var(--wine, var(--red, #555))))));font:900 12px/1 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.search-intent h2{margin:0;max-width:980px;font-size:clamp(30px,4vw,58px);line-height:1.03;letter-spacing:0}
.search-intent p:not(.intent-label){max-width:840px;margin:22px 0 0;color:var(--muted, #5f6368);font-size:18px;line-height:1.7}
.search-intent ul{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0 0;padding:0;list-style:none}
.search-intent li{padding:20px;border:1px solid var(--line, rgba(0,0,0,.12));background:rgba(255,255,255,.72);color:var(--muted, #5f6368);line-height:1.55}
@media(max-width:860px){.search-intent{padding:52px 18px}.search-intent ul{grid-template-columns:1fr}.search-intent p:not(.intent-label){font-size:16px}}