:root{--ink:#223d3f;--teal:#234d50;--cream:#faf8f3;--muted:#596564;--line:#dfe4dd;--body:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#dae1dc;color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}.page{position:relative;isolation:isolate;max-width:540px;margin:0 auto;min-height:100vh;overflow:hidden;background:#dbe0da;box-shadow:0 0 100px #233d3f20}.portrait{position:absolute;z-index:-2;inset:0 0 auto;height:1030px;background-image:linear-gradient(180deg,#f1f0e599 0%,transparent 26%,transparent 57%,#dbe0da 97%),url('assets/limor-portrait.png');background-size:100% 100%,auto 1060px;background-position:center,center -175px;background-repeat:no-repeat}.intro{text-align:center;padding:32px 18px 0;min-height:425px}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:700;margin:0 0 10px;color:#264647}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(2.4rem,10vw,3.4rem);line-height:1.1;letter-spacing:-.045em;margin:0 0 10px}.tagline{font-size:15px;margin:0;color:#284647}.socials{display:flex;justify-content:center;gap:10px;margin:16px auto}.socials a{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff80;border-radius:50%;background:#faf8f388;transition:background .2s}.socials svg{width:21px;height:21px}.socials a:hover{background:var(--cream)}.offers{display:grid;gap:18px;padding:0 18px}.card{background:var(--cream);border:1px solid #ffffff9c;border-radius:23px;padding:22px;box-shadow:0 7px 22px #223d3f12}.featured{background:#faf8f3f5}.card-top{display:flex;gap:14px;align-items:center}.card-top>div{min-width:0}.icon{display:grid;place-items:center;width:58px;height:62px;flex-shrink:0;border-radius:13px;color:#2c5b58;background:#dde7dc}.icon.rose{background:#f0dfdc;color:#885d65}.icon.lilac{background:#e7e1eb;color:#655471}.icon svg{width:32px;height:32px}.category{font-size:10px;letter-spacing:.13em;line-height:1.45;margin:0 0 5px;font-weight:700;color:#596564}h2{font-size:20px;line-height:1.2;letter-spacing:-.035em;margin:0;font-weight:700}.description{margin:16px 0 19px;color:#53615e;font-size:16px;line-height:1.5}.button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:14px 17px;border-radius:11px;text-decoration:none;background:var(--teal);color:#fff;font-size:15px;font-weight:700;box-shadow:0 3px 8px #234d5019;transition:background .18s,transform .18s}.button span{font-size:25px;line-height:1}.button:hover{background:#163b3e;transform:translateY(-2px)}a:focus-visible{outline:3px solid #b55179;outline-offset:4px}blockquote{margin:17px 0 0;border-top:1px solid var(--line);padding-top:15px;font-family:Georgia,serif;font-size:15px;line-height:1.45;color:#4c5e59;font-style:italic}cite{display:block;font-family:var(--body);font-style:normal;font-size:12px;color:#65706c;margin-top:6px}.price{margin:-8px 0 17px;font-size:14px;font-weight:700;color:var(--teal)}footer{text-align:center;padding:35px 20px 36px}footer p{font-size:10px;letter-spacing:.16em;color:#5a6a61;margin:0 0 8px}.contact{font-family:Georgia,serif;font-size:23px;text-decoration:none}.contact:hover{text-decoration:underline}.website{display:block;font-size:13px;margin-top:21px;text-underline-offset:4px;color:#59695f}.skip{position:absolute;top:-100px;left:15px;z-index:5;padding:12px;background:white}.skip:focus{top:10px}@media(min-width:600px){body{padding:36px 0;background:radial-gradient(ellipse at 20% 10%,#edf0e7,transparent 65%),#cad8d3}.page{border-radius:28px}.intro{min-height:465px;padding-top:35px}.portrait{background-size:100% 100%,auto 1200px;background-position:center,center -205px;height:1160px}.offers{padding:0 28px;gap:20px}.card{padding:25px}h2{font-size:22px}.eyebrow{font-size:12px}.category{font-size:11px}}@media(max-width:360px){.intro{padding-top:27px;min-height:390px}.offers{padding:0 12px}.card{padding:18px}.card-top{gap:11px}.icon{width:50px;height:57px}h2{font-size:19px}.eyebrow{font-size:10px;letter-spacing:.12em}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Full-viewport portrait stays in place as the link cards scroll. */
:root{--brand-teal:#329396}
body{padding:0;background:#d9dcda}
.page{max-width:none;margin:0;overflow:visible;background:transparent;border-radius:0;box-shadow:none}
.portrait{position:fixed;inset:0;z-index:-2;width:100%;height:100vh;height:100lvh;background-image:linear-gradient(180deg,#f8f6ee55,transparent 35%),url('assets/limor-portrait.png');background-size:cover;background-position:center 56%;background-repeat:no-repeat;pointer-events:none}
.intro,.offers,footer{width:100%;max-width:540px;margin-left:auto;margin-right:auto}
.socials a{color:var(--brand-teal);background:#faf8f3ed;width:44px;height:44px}
.icon,.icon.rose,.icon.lilac{color:var(--brand-teal);background:#e5efea}
footer{margin-top:22px;background:#faf8f3ed;border-radius:23px 23px 0 0}
@media(min-width:600px){.intro{min-height:465px}.portrait{background-position:center 55%}}
/* White surfaces and original brand teal. */
:root{--cream:#fff;--teal:#329396}
.card,.featured{background:rgba(255,255,255,.93);border-color:rgba(255,255,255,.8)}
.socials a{background:rgba(255,255,255,.93)}
footer{background:rgba(255,255,255,.93)}
.button{background:#329396;color:#fff}
.button:hover{background:#287a7d}
h1{display:table;margin:0 auto 10px;padding:8px 15px 12px;color:#329396;background:rgba(255,255,255,.88);border-radius:16px;box-shadow:0 4px 22px rgba(255,255,255,.2)}
/* A more relaxed portrait crop, with solid white raised surfaces. */
.portrait{background-color:#d9dcda;background-image:url('assets/limor-portrait.png');background-size:auto max(100lvh,850px);background-position:center 40%;}
.card,.featured,.socials a,footer,h1{background:#fff;border-color:#fff;box-shadow:0 6px 20px rgba(25,42,43,.19)}
.socials a:hover{background:#fff;box-shadow:0 8px 23px rgba(25,42,43,.25)}
@media(min-width:600px){.portrait{background-size:auto max(100lvh,1000px);background-position:center 40%}}
/* Match the space beside the portrait to the white cards. */
body,.portrait{background-color:#fff}
/* More compact offer cards, retaining readable text and touch targets. */
.card{padding:17px}
.card-top{gap:11px}
.icon{width:48px;height:50px;border-radius:11px}
.icon svg{width:28px;height:28px}
.description{margin:11px 0 13px;line-height:1.4}
.button{min-height:46px;padding:10px 14px}
blockquote{margin-top:11px;padding-top:10px;line-height:1.35}
cite{margin-top:4px}
.price{margin:-5px 0 11px}
@media(min-width:600px){.card{padding:20px}}
@media(max-width:360px){.card{padding:14px}.icon{width:44px;height:48px}}
/* Narrower offer column and a second compact spacing pass. */
.offers{max-width:510px;padding-left:24px;padding-right:24px;gap:15px}
.card{padding:14px}
.card-top{gap:10px}
.icon{width:43px;height:44px;border-radius:10px}
.icon svg{width:25px;height:25px}
.description{margin:8px 0 10px;line-height:1.35}
.button{min-height:44px;padding:9px 12px}
blockquote{margin-top:8px;padding-top:8px;line-height:1.3}
cite{margin-top:3px}
.price{margin:-3px 0 8px}
@media(min-width:600px){.offers{padding-left:28px;padding-right:28px}.card{padding:16px}}
@media(max-width:360px){.offers{padding-left:18px;padding-right:18px}.card{padding:12px}}

/* Soft lift beneath the primary buttons. */
.button{box-shadow:0 4px 9px rgba(25,55,56,.24),0 1px 2px rgba(25,55,56,.1)}
.button:hover{box-shadow:0 6px 12px rgba(25,55,56,.28)}
/* Slightly deeper, soft neutral shadows. */
.card,.featured{box-shadow:0 8px 24px rgba(25,42,43,.25),0 2px 5px rgba(25,42,43,.08)}
.button{box-shadow:0 5px 11px rgba(25,55,56,.3),0 2px 3px rgba(25,55,56,.12)}
.button:hover{box-shadow:0 7px 14px rgba(25,55,56,.33)}
/* Match the name to the offer headings. */
h1{color:var(--ink)}

/* Partnership card follows the offers; a simple website link closes the page. */
.partnership-email{margin-top:13px;font-size:14px;overflow-wrap:anywhere}
.partnership-email span{flex-shrink:0}
footer.site-footer{background:transparent;border:0;border-radius:0;box-shadow:none;margin-top:0;padding:25px 20px 32px}
.site-footer .website{display:inline-block;margin:0;padding:8px 13px;background:#fff;border-radius:10px;color:var(--ink);box-shadow:0 3px 12px rgba(25,42,43,.15)}

/* A full-width white footer anchors the website address. */
.partnerships-card .partnership-email{margin-top:0}
footer.site-footer{max-width:none;width:100%;margin-top:26px;padding:22px 20px;background:#fff;border-top:1px solid #e0e6e3;border-radius:0;box-shadow:0 -3px 14px rgba(25,42,43,.07)}
.site-footer .website{margin:0;padding:0;background:transparent;border-radius:0;box-shadow:none;font-size:14px}
/* Stronger website label, matching the button typography. */
.site-footer .website{font-family:var(--body);font-size:17px;font-weight:700;text-decoration:none;color:var(--ink)}