@font-face{font-family:Poppins;src:url('/assets/poppins-800.woff2') format('woff2');font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/inter.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
:root{--green:#1f6f5c;--cream:#fbf6ef;--gold:#ffc857;--ink:#14382f}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--green);outline-offset:6px}
.wrap{width:min(1100px,100% - 40px);margin-inline:auto}
header{display:flex;align-items:center;justify-content:space-between;padding-block:25px}
.wordmark{font-family:Poppins,system-ui,sans-serif;font-size:38px;font-weight:800;letter-spacing:-2px;color:var(--green);line-height:1}
.wordmark span,h1 span{color:var(--gold)}
.social{font-size:13px;font-weight:600}
.intro{padding-block:60px 65px;max-width:850px}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.025em;margin:0 0 22px;color:var(--green)}
h1{font-family:Poppins,system-ui,sans-serif;font-size:clamp(46px,8vw,90px);font-weight:800;letter-spacing:-.05em;line-height:1.1;margin:0 0 26px;color:var(--green);max-width:800px}
.offer{font-size:clamp(20px,3vw,28px);max-width:680px;line-height:1.5;margin:0 0 18px}
.english{font-size:15px;max-width:590px;color:#53645d;margin:0 0 32px}
.button{display:inline-flex;gap:20px;align-items:center;justify-content:space-between;background:var(--green);color:var(--cream);font-weight:600;border-radius:12px;padding:16px 22px;min-height:54px}
.button:hover{background:#185747}
.button span{color:var(--gold);font-size:22px;line-height:1}
.cta-caption{font-size:12px;color:#53645d;margin:10px 0 0}
.examples{display:grid;gap:16px;padding-bottom:65px}
.section-heading{grid-column:1/-1;margin-bottom:5px}
h2{font-size:19px;margin:0 0 4px;font-weight:600}
h2 span{font-size:14px;color:#53645d;font-weight:400}
.section-heading p{font-size:12px;color:#53645d;margin:0}
.example{display:flex;flex-direction:column;border-radius:18px;padding:25px;min-height:185px;transition:transform .15s ease}
.example:hover{transform:translateY(-3px)}
.salon{background:#1c1c1c;color:#f5efe6}
.bakery{background:#f3e3d8;color:#542a32}
.example-kind{font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.example-name{font-family:Poppins,system-ui,sans-serif;font-weight:800;font-size:28px;margin:14px 0}
.salon .example-link{color:var(--gold)}
.example-link{font-size:13px;margin-top:auto}
footer{border-top:1px solid #dcded2;padding-block:28px;display:flex;flex-wrap:wrap;align-items:center;gap:20px;font-size:12px}
footer .wordmark{font-size:28px}
footer p{margin:0;flex:1}
@media(min-width:650px){.wrap{width:min(1100px,100% - 80px)}header{padding-block:35px}.intro{padding-block:85px 80px}.examples{grid-template-columns:1fr 1fr}.example{padding:32px;min-height:210px}}
@media(prefers-reduced-motion:reduce){.example{transition:none}.example:hover{transform:none}}